SITEMAP [初めてのホームページ講座] [逆引きHTML] [14.フォーム] [5.各コントロールの準備]

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

逆引きHTMLリファレンス

14. フォーム

14-5. 各コントロールの準備

●タグ <INPUT>
●構文 <INPUT NAME="xxx"> 終了タグは存在しません(エンプティ要素)
xxx:各コントロールに名前を付ける(処理先のスクリプトなどでこの名前を使用して処理を行う。半角英数字で指定)
●属性 NAME , TYPE , VALUE , SIZE , MAXLENGTH , CHECKED , SRC , ALT
●説明
テキストボックスやコンボボックス(選択肢)、ラジオボタン、チェックボックス(四角いチェックするエリア)などをブラウザ上で実現可能です。 その他にもイメージをコマンドボタンの上に表示することも可能です。

当要素の各属性は組み合わせ的にしか使えないものがあります。 例えば、「CHECKED」は「TYPE="checkbox" , TYPE="radio"」の時のみ有効です。 TYPEに指定する文字列によって、ブラウザ上に表示する機能の異なるコントロールを作ります。

TYPE="xxx"
text
テキストボックス
password
テキストボックス(入力文字は隠される)
checkbox
チェックボックス
radio
ラジオボタン
submit
送信ボタン
reset
リセットボタン
file
ファイル入力エリア
hidden
隠しフィールド
image
イメージ付きの送信ボタン

●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"><BR>
		隠しテキスト:
		<INPUT TYPE="password" NAME="pass"><BR>
		ラジオボタン:
		<INPUT TYPE="radio" NAME="sex" VALUE="male">男、
		<INPUT TYPE="radio" NAME="sex" VALUE="female">女<BR>
		チェックボックス:
		<INPUT TYPE="checkbox" NAME="favor" VALUE="best">分かり易い、
		<INPUT TYPE="checkbox" NAME="favor" VALUE="normal">普通、
		<INPUT TYPE="checkbox" NAME="favor" VALUE="worst">分かり難い<BR>
		ファイル入力エリア:
		<INPUT TYPE="file" NAME="filename"><BR>
		隠しフィールド:
		<INPUT TYPE="hidden" NAME="hide"><BR>
		送信ボタン:<INPUT TYPE="submit" VALUE="送信"><BR>
		リセットボタン:<INPUT TYPE="reset" VALUE="リセット"><BR>
		イメージ付き送信ボタン:<INPUT TYPE="image" SRC="button.gif" ALT="送信" NAME="go"><BR>
	</FORM>
</BODY>
</HTML>
[Go To Top]

Last modified July,2000
Copyright(C)1998 T.Miyazaki , All Rights Reserved.