サイト内検索
...HTML・XHTMLタグ...
フォーム
テキストの入力欄
- テキストの入力欄は、input要素にtype属性を指定します。
- type="text"は、初期値です。
- [使い方]
- <input type="text" name="name">
- <input type="text" name="name" size="30" maxlength="30"
value="サンプル">
属性 | 属性値 | 説明 |
---|---|---|
type= | "text" | 一行のテキストの入力欄を作成します。 |
name= | "" |
「"sample"」のように部品名を指定します。
半角英数字を指定します。。 ・・・・・・ 入力項目を判別するための名前です。 項目ごとに違う名前を指定します。 |
size= | "" | 「"30"」のように入力欄の幅を数値で指定します。
・・・・・・ 同じような長さで表示したい場合は、 スタイルシートで指定します。 |
maxlength= | "" | 「"50"」のように 入力できる最大文字数を指定します。 |
value= | "" | 「"送信します"」のように 文字を挿入する場合に指定します。 |
サンプル
[bodyの中]
<form method="post" action="sample.cgi"><div class="sample">
文字を入力します。
<input type="text" name="sample1" size="60" value="文字"></div>
<div class="sample">
横幅を「60」・最大文字数を「20」に指定します。
<input type="text" name="sample2" size="60" maxlength="20">
<input type="submit" value="送信する">
</div>
</form>
[ブラウザ上]