input要素
概要
フォームの部品を作成するインライン要素。type属性の値によって様々な種類のフォームの部品となる。
| バージョン | HTML4.01(STF),XHTML1.0(STF),XHTML1.1 |
|---|---|
| 開始/終了タグ | 必須/なし |
| 要素種 | インライン |
| 非推奨 | NO |
| 必須 | -- |
| 内容となるもの | -- |
用例
<form action="#"> <p>名称:<input type="text" size="20" name="name"></p> <p>種類：<input type="checkbox" name="s1" value="1" checked="checked">HTML <input type="checkbox" name="s2" value="2">XHTML <input type="checkbox" name="s3" value="3">XML</p> <p>解像度：<input type="radio" name="size" value="128">128px <input type="radio" name="size" value="256" checked="checked">256px <input type="radio" name="size" value="384">384px</p> <p><input type="submit" value="送信">/<input type="reset" value="初期化"></p> </form>
属性
- accept
-
送信先のCGI等が受信できるファイルのMIMEタイプを指定する。対応ブラウザは殆ど存在しない。form要素も同様の属性を持つ。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 MIMEタイプ(カンマ区切りで複数指定) - align
-
type属性がimageのとき、送信ボタンの前後のテキストの揃え方を指定する。top,middle,bottomは段落中に埋め込まれた送信ボタンの上下方向の揃え方、left,rightは前後の文章を左右どちらに回りこませるかを指定する。
属性仕様 バージョン HTML4.01(TF),XHTML1.0(TF) 対象要素 input 非推奨 YES 必須 -- 値 top,middle,bottom,left,right(大小区別なし) - alt
-
type属性がimageのとき、画像が読み込めないときの代替テキストを指定する。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 テキスト - checked
-
type属性がcheckbox又はradioのとき、この属性を指定すると最初から選択済みの状態になる。論理属性のため、記述は
checked又はchecked="checked"とする。属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 checked - disabled
-
フォーム部品への入力や選択をできなくし、使用不能状態にする。フォームの内容を送信する際も、使用不能にした要素の情報は送信されない。論理属性のため、記述は
disabled又はdisabled="disabled"とする。属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 button,input,optgroup,option,select,textarea 非推奨 NO 必須 -- 値 disabled - ismap
-
type属性がimageのとき、クリックした画像の座標をサーバーに送るようにする。論理属性のため、記述は
ismap又はismap="ismap"とする。属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 ismap - maxlength
-
type属性がtext又はpasswordのとき、入力できる最大文字数を指定できる。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 整数 - name
-
フォームの部品に名前をつける。この名前は入力された値とセットになって送信される。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 文字列(大小区別なし) - readonly
-
フォーム部品を読取専用にする。入力が一切できなくなるが、値は送信される。論理属性のため、記述は
readonly又はreadonly="readonly"とする。属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input,textarea 非推奨 NO 必須 -- 値 readonly - size
-
フォーム部品の長さを指定する。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 整数 - src
-
type属性がimageのとき、画像のURLを指定する。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 URL - type
-
フォームの部品の種類を指定する。
- button(ボタン)
- checkbox(チェックボックス)
- file(ファイル選択)
- hidden(隠しコントロール)
- image(画像の送信ボタン)
- password(パスワード入力欄)
- radio(ラジオボタン)
- reset(リセットボタン)
- submit(送信ボタン)
- text(テキスト入力欄)
値がfileのとき、enctype属性をアップロード用のものに書き換えなければいけない。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF) 対象要素 input 非推奨 NO 必須 -- 値 submit,button,reset(大小区別なし) 各type属性の一覧
<dl> <dt>ボタン</dt><dd><input type="button" name="btn" value="ボタン"></dd> <dt>チェックボックス</dt><dd><input type="checkbox" name="chec" value="non"></dd> <dt>ファイル選択</dt><dd><input type="file" name="f"></dd> <dt>隠しコントロール</dt><dd><input type="hidden" name="hdn" value="123"></dd> <dt>画像の送信ボタン</dt><dd><input type="image" src="star.png" alt="送信☆"></dd> <dt>パスワード入力欄</dt><dd><input type="password" size="20" name="pass" value="test"></dd> <dt>ラジオボタン</dt><dd><input type="radio" name="rdo" value="non"></dd> <dt>リセットボタン</dt><dd><input type="reset" value="リセット"></dd> <dt>送信ボタン</dt><dd><input type="submit" value="送信"></dd> <dt>テキスト入力欄</dt><dd><input type="text" name="txt" size="20" value="test"></dd> </dl>
- usemap
-
type属性がimageのとき、map要素のname属性又はid属性の値と同じ文字列を、#値という形式で記述し、これによって画像をそのmap要素のイメージマップにする。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 #文字列 - value
-
送信される値の初期値を指定する。type属性がcheckbox又はradio以外のとき、省略可能。
属性仕様 バージョン HTML4.01(STF),XHTML1.0(STF),XHTML1.1 対象要素 input 非推奨 NO 必須 -- 値 文字列(大小区別あり) - その他