パスワードフィールド
CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 38/60。
HTMLにおいて、パスワードフィールドは、ユーザーからパスワードを収集するために使用される入力フィールドの一種です。
これは通常のテキスト入力フィールドに似ていますが、パスワードフィールドに入力された文字はマスクされ、通常はアスタリスクやドットとして表示されます。これは、入力中に他の人にパスワードを見られないようにするためです。
パスワードフィールドを作成するには、type属性を"password"に設定した<input>タグを使用します。
HTMLでパスワードフィールドを作成するための基本的な構文は次のとおりです。
<input type="password" name="passwordfield">チャレンジ
簡単パスワードフィールドを含む form を持つHTMLドキュメントを作成してください。パスワードフィールドには、name に "userpassword"、type に "password" を指定し、"Enter your password" というプレースホルダーを設定してください。パスワードフィールドの最大文字数を20文字に設定してください。
チートシート
パスワードフィールドは、入力された文字をマスク(アスタリスクやドットで表示)して、パスワードが他人に見えないようにする入力フィールドです。
type="password"を指定した<input>タグを使用して、パスワードフィールドを作成します:
<input type="password" name="passwordfield">追加の属性を使用できます:
placeholder- ヒントテキストを表示しますmaxlength- 文字数を制限します
<input type="password" name="userpassword" placeholder="Enter your password" maxlength="20">自分で試してみよう
<!DOCTYPE html>
<html>
<body>
<!-- ここにコードを書いてください -->
</body>
</html>このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。