例
三つの入力フィールドを持つHTMLフォーム。 2つのテキストフィールドと1 submitボタン：
<form
action="demo_form.asp">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
»それを自分で試してみてください 定義と使用法
<input>タグは、ユーザーがデータを入力することができる入力フィールドを指定します。
<input>要素は内で使用される<form>入力されたデータにユーザーを可能にする入力コントロールを宣言するための要素。
入力フィールドには、に応じて、多くの方法で変化させることができるtype属性。
ブラウザのサポート
| 素子 | |||||
|---|---|---|---|---|---|
| <input> | はい | はい | はい | はい | はい |
ヒントと注意事項
注： <input>要素が空である、それが唯一の属性が含まれています。
ヒント：使用<label>のためのラベルを定義する要素を<input>要素。
HTML 4.01とHTML5の違い
"align"属性はHTML5でサポートされていません。
HTML5では、 <input>タグには、いくつかの新しい属性を持っており、 type属性は、いくつかの新しい価値観を持っています。
HTMLとXHTMLの違い
HTMLでは、 <input>タグには終了タグがありません。
XHTMLでは、 <input>タグが適切にこのように、閉じる必要があります<input /> 。
属性
= HTML5で追加。
| 属性 | 値 | 説明 |
|---|---|---|
| accept | file_extension audio/* video/* image/* media_type | （だけのために、サーバーが受け付けるファイルの種類を指定するtype="file" ） |
| align | left right top middle bottom | HTML5でサポートされていません。 画像入力（のみのためのアライメント指定type="image" ） |
| alt | text | （だけのために画像の代替テキストを指定するtype="image" ） |
| autocomplete | on off | かどうかを指定<input>要素は、オートコンプリートが有効になっている必要があります |
| autofocus | autofocus | ことを指定<input>要素を自動的に取得し、ページのロード時に焦点を当てるべきです |
| checked | checked | ことを指定<input>要素は、ページのロード時（のための事前に選択されるべきであるtype="checkbox"またはtype="radio" ） |
| dirname | inputname.dir | テキストの方向が提出されることを指定します |
| disabled | disabled | ことを指定<input>要素を無効にする必要があります |
| form | form_id | 一つ以上のフォームを指定<input>要素が属します |
| formaction | URL | （のためのフォームが送信されたときに入力制御を処理するファイルのURLを指定するtype="submit"とtype="image" ） |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | （のためにサーバーに送信するときに、フォームデータをエンコードする方法を指定type="submit"とtype="image" ） |
| formmethod | get post | （のためのアクションURLへデータを送信するためのHTTPメソッドを定義するtype="submit"とtype="image" ） |
| formnovalidate | formnovalidate | 提出されたときにフォーム要素が検証されるべきではないことを定義します |
| formtarget | _blank _self _parent _top framename | フォームの送信後に受信された応答を表示する場所（のために指定type="submit"とtype="image" ） |
| height | pixels | 高さを指定<input>要素（のみtype="image" ） |
| list | datalist_id | 指し、 <datalist>用に事前定義されたオプションが含まれている要素<input>要素 |
| max | number date | 最大値を指定<input>要素 |
| maxlength | number | で許可される最大文字数指定<input>要素を |
| min | number date | 最小値を指定<input>要素 |
| multiple | multiple | ユーザーが複数の値を入力できることを指定<input>要素 |
| name | text | 名前を指定<input>要素を |
| pattern | regexp | ことを正規表現で指定<input>要素の値を比較して確認されは、 |
| placeholder | text | 期待値説明する短いヒント指定<input>要素を |
| readonly | readonly | 入力フィールドであることを読み取り専用指定 |
| required | required | 入力フィールドがフォームを送信する前に記入しなければならないことを指定します |
| size | number | 文字数で、幅を指定<input>要素 |
| src | URL | （のみ送信ボタンとして使用する画像のURLを指定するtype="image" ） |
| step | number | 入力フィールドの法定数の間隔を指定します。 |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | タイプが指定<input>要素を表示します |
| value | text | 値を指定<input>要素を |
| width | pixels | 幅を指定<input>要素（のみtype="image" ） |
グローバル属性
<input>タグもサポートし、グローバルは、HTMLの属性 。
イベント属性
<input>タグもサポートしています。イベントは、HTMLの属性 。
関連ページ
HTMLチュートリアル： HTMLフォーム
HTML DOMリファレンス：
- 入力ボタンオブジェクト
- 入力されたチェックボックスのオブジェクト
- 入力色オブジェクト
- 入力されたDateオブジェクトの
- 入力DateTimeオブジェクト
- 入力DatetimeLocalオブジェクト
- 入力されたメールオブジェクト
- 入力するFileUploadオブジェクト
- 入力隠されたオブジェクト
- 入力画像オブジェクト
- 入力された月のオブジェクト
- 入力されたNumberオブジェクト
- 入力されたパスワードオブジェクト
- 入力範囲オブジェクト
- 入力ラジオオブジェクト
- 入力リセットオブジェクト
- 入力された検索対象
- 入力オブジェクトを送信
- 入力されたテキストオブジェクト
- 入力時間オブジェクト
- 入力されたURLオブジェクト
- 入力された週のオブジェクト
デフォルトのCSS設定
なし。