サイト内検索

...HTML・XHTMLタグ...

フォーム

パスワード形式の入力欄

パスワード形式の入力欄は、input要素にtype="password"を、指定します。
入力した内容は、マル(●)やアスタリスク(*)などで表示されます。
[使い方]
<input type="password" name="pass">
<input type="password" name="pass" size="30" maxlength="30">
[入力欄の指定]
属性 属性値 説明
name=""「"sample"」のように部品名の指定します。
半角英数字を指定します。
入力されたデータ(value="")と一緒に送信されます。
size=""「"30"」のように入力欄の幅を数値で指定します。
・・・・・・
同じような長さで表示したい場合は、
スタイルシートで指定します。
maxlength=""「"30"」のように入力できる最大文字数の指定します。
value=""「"送信します。"」のように
文字を挿入する場合に指定します。
・・・・・・
マル(●)やアスタリスク(*)などで表示されます。

サンプル

[bodyの中]

<form method="post" action="sample.cgi">
<div class="sample">
文字を入力すると
<input type="password" name="sample1" size="60" value="文字">
横幅を「60」・最大文字数を「20」に指定
<input type="password" name="sample2" size="60" maxlength="20">
<input type="submit" value="送信する">
</div>
</form>

[ブラウザ上]

文字を入力すると

横幅を「60」・最大文字数を「20」に指定します。


←サンプル(送信できません。)

Copyright c 2007.10.01 luc All rights reserved.