input type="password"タグ

input（type="password"）タグは、パスワード入力欄を作成するタグです。

解説

「input type="password"」タグは、入力中に他人に見られたくない項目の入力欄を作成したい時に使用します。
パスワード入力欄は見た目はテキストボックスですが、値を入力しても「*」等でマスキングされて画面上は確認できなくなります。
あくまで画面上確認できないだけで、フォーム送信時に暗号化などはされないのでご注意ください。（パスワードの送信にはHTTPS通信等をご使用ください。）

コンテンツ・モデル

カテゴリー (自カテゴリ)	フロー・コンテンツフレージング・コンテンツインタラクティブ・コンテンツ
コンテキスト (親カテゴリ)	フレージング・コンテンツを許可する場所
コンテンツ・モデル (子カテゴリ)	なし

属性

input（type="password"）タグには以下の属性が指定できます。

【属性】
属性	説明
name	名前を指定する（submit時にこの名前で送信される）（例）name="pas01"
value	値を指定する（例）value="1234"
size	入力欄のサイズを指定する（例）size="10" ※値は半角文字の数で指定します。
maxlength	入力できる最大文字数を指定する（例）maxlength="10" ※全角半角区別なく１文字は１と数えた値です。
required	必須入力であることを指定する（例）required

【主要グローバル属性】
属性	説明
class	クラスを指定する（例）class="hoge"
id	IDを指定する（例）id="foo"
style	スタイルを指定する（例）style="color:red;"

その他のグローバル属性値については、グローバル属性をご覧ください。

サンプル

パスワード入力欄を作る

<input type="password" name="pas01">

passwordを使ったサンプル

<form action="hoge.php" method="post">
  ID：<input type="text" name="txt01">
  パスワード：<input type="password" name="pas01">
  <input type="submit" name="btnSubmit" value="ログイン">
</form>

備考

マスキングされる文字はブラウザにより異なります。（*、● など）

関連項目

form：送信フォームを作成する
input type="text"：テキスト入力欄を作成する
input type="checkbox"：チェックボックス欄を作成する
input type="date"：日付入力欄を作成する
input type="time"：時刻入力欄を作成する
input type="month"：月の入力欄を作成する
input type="week"：週の入力欄を作成する
input type="radio"：ラジオボタンを作成する
input type="password"：パスワード入力欄を作成する
input type="hidden"：隠しパラメータを作成する
input type="file"：ファイル送信コントロールを作成する
input type="button"：汎用ボタンを作成する
input type="image"：画像ボタンを作成する
input type="number"：数値入力欄を作成する
input type="submit"：送信ボタンを作成する
input type="reset"：リセットボタンを作成する
input type="color"：色の入力欄を作成する
input type="email"：e-mailの入力欄を作成する
input type="url"：URLの入力欄を作成する
input type="tel"：電話番号の入力欄を作成する
input type="range"：スライダー入力欄を作成する

HOMEへ　 TOPへ