Menu
Coddy logo textTech

パスワードフィールド

CoddyのHTMLジャーニー「Fundamentals」セクションの一部 — レッスン 38/60。

HTMLにおいて、パスワードフィールドは、ユーザーからパスワードを収集するために使用される入力フィールドの一種です。

これは通常のテキスト入力フィールドに似ていますが、パスワードフィールドに入力された文字はマスクされ、通常はアスタリスクやドットとして表示されます。これは、入力中に他の人にパスワードを見られないようにするためです。

パスワードフィールドを作成するには、type属性を"password"に設定した<input>タグを使用します。

HTMLでパスワードフィールドを作成するための基本的な構文は次のとおりです。

<input type="password" name="passwordfield">
challenge icon

チャレンジ

簡単

パスワードフィールドを含む 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>
quiz icon腕試し

このレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。

Fundamentalsのすべてのレッスン