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

逆引きHTMLリファレンス

14. フォーム

14-6. 単純なテキストボックスを作る

●タグ

<INPUT>

●構文

<INPUT TYPE="text" VALUE="xxx" SIZE="yyy" MAXLENGTH="zzz"> 終了タグは存在しません（エンプティ要素）

xxx	：最初に表示する初期値を指定
yyy	：テキストボックスの横幅を指定
zzz	：入力可能な文字数を指定（半角・全角関係なし）

●説明

１行だけのテキストボックスを作ります。改行は出来ませんが、名前やメールアドレス、URLなどの入力、住所、郵便番号、電話番号など、様々な局面で使用される最も使用頻度の高いものです。

TYPE属性を省略すると、このテキストボックスが選択されます。

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="text" NAME="textbox" VALUE="初期値を指定" SIZE="50" MAXLENGTH="10">
	</FORM>
</BODY>
</HTML>

[Go To Top]