サイト内検索

...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>

[ブラウザ上]

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

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


Copyright c 2007.10.01 luc All rights reserved.