●タグ | <INPUT> | ||
●構文 |
<INPUT NAME="xxx"> 終了タグは存在しません(エンプティ要素)
| ||
●属性 | NAME , TYPE , VALUE , SIZE , MAXLENGTH , CHECKED , SRC , ALT | ||
●説明 |
テキストボックスやコンボボックス(選択肢)、ラジオボタン、チェックボックス(四角いチェックするエリア)などをブラウザ上で実現可能です。
その他にもイメージをコマンドボタンの上に表示することも可能です。
当要素の各属性は組み合わせ的にしか使えないものがあります。 例えば、「CHECKED」は「TYPE="checkbox" , TYPE="radio"」の時のみ有効です。 TYPEに指定する文字列によって、ブラウザ上に表示する機能の異なるコントロールを作ります。
| ||
●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>