Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<input type="password">

<input> 要素の password 型は、パスワードを安全に入力する方法を提供します。

この要素はプレーンテキストの 1 行編集コントロールとして表示され、そのテキストは読み取られることがないように、1 つ 1 つの文字がアスタリスク ("*") やドット ("•") のような記号に置き換えられ、隠されます。この文字はユーザーエージェントやオペレーティングシステムによって変わります。

フォーム

対応ブラウザ

機能	デスクトップ				モバイル
機能	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`type="password"`	1	12	1	1	18	1
`type="password" (insecure login handling)` 非標準安全でないログイン・ページにおけるパスワード入力の特別な処理			52

1+対応 (バージョン) 未対応 ※注釈ありサブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

HTML

<label for="pw">Password:</label>
<input type="password" id="pw" name="password"
  minlength="8" required
  autocomplete="current-password">

password タイプで入力内容をマスクするフィールド。

パスワードフィールドの下に要件を表示するパターン。

メール + パスワードの典型的なログインUI。autocomplete 属性付き。