<input type="password">
<input> 要素の password 型は、パスワードを安全に入力する方法を提供します。
この要素はプレーンテキストの 1 行編集コントロールとして表示され、そのテキストは読み取られることがないように、1 つ 1 つの文字がアスタリスク ("*") やドット ("•") のような記号に置き換えられ、隠されます。 この文字はユーザーエージェントやオペレーティングシステムによって変わります。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
html.elements.input.type_password.insecure_login_handling 非標準 安全でないログイン・ページにおけるパスワード入力の特別な処理 | | | 52 | | | |
基本構文
HTML
<label for="pw">Password:</label>
<input type="password" id="pw" name="password"
minlength="8" required
autocomplete="current-password">ライブデモ
実務での使いどころ
-
<input type="password"> の活用
<input> 要素の password 型は、パスワードを安全に入力する方法を提供します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。