SITEMAP [初めてのホームページ講座] [逆引きHTML] [14.フォーム] [7.伏せ字テキストボックスを作る]

HTMLの参考書 スタイルシートの参考書

逆引きHTMLリファレンス

14. フォーム

14-7. 伏せ字テキストボックスを作る

●タグ <INPUT>
●構文 <INPUT TYPE="password" SIZE="yyy" MAXLENGTH="zzz"> 終了タグは存在しません(エンプティ要素)
yyy:テキストボックスの横幅を指定
zzz:入力可能な文字数を指定(半角・全角関係なし)
●説明
1行だけのテキストボックスを作ります。 パスワード入力など打ち込んだ文字を第3者に見せたくないときに有効です。

打ち込んでいく文字は一般的に「*」で表示されます。 ただし、データ転送時は、暗号化は一切されていないので、データを直接みれば、解読可能です。セキュリティ上何の役にも立たないので注意が必要です。

SIZE属性で指定した大きさは、ブラウザによって異なりますので、参考までに指定すべきと考えます。

●HTML4.0 INPUT要素
●サンプル 実際に表示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.0 Transitional//EN">
<HTML>
<HEAD>
	<META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS">
	<TITLE>伏せ字テキストボックスを作る</TITLE>
</HEAD>
<BODY>
	<FORM METHOD="POST" ACTION="mailto:dummy@dummy.ne.jp"
	ENCTYPE="multipart/form-data">
		パスワード:
		<INPUT TYPE="password" NAME="textbox" SIZE="30" MAXLENGTH="8">
	</FORM>
</BODY>
</HTML>
[Go To Top]

Copyright(C)1999 T.Miyazaki , All Rights Reserved.