HTMLの<input>タグ
例
2テキスト入力ボックスが含まれている単純なHTMLフォームと送信ボタン:
<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="提交">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="提交">
</form>
»をお試しください
(ページの下部には、あなたがより多くの例を見ることができます)
ブラウザのサポート
ほとんどのブラウザは、<input>タグをサポートしています。
タグの定義と指示
<input>タグは、ユーザーがフィールドに入力されたデータを入力することができます指定します。
<入力> <form>要素を宣言するために使用されている内の要素は、ユーザーがデータ入力コントロールを入力することができます。
入力フィールドは、タイプ属性に応じて、多くの方法で変更することができます。
ヒントと注意事項
注:<input>要素が空である、それだけでタグ属性が含まれています。
ヒント:あなたが使用できる<label>をラベル<input>要素の要素を定義します。
HTML 4.01とHTML5との違い
HTML 4.01では、「揃える」のデータが使用されなくなりました。 この属性は、HTML5でサポートされていません。 あなたは、CSSを使用しての<input>要素の配置を定義することができます。
HTML5では、<入力>いくつかのプロパティを追加し、対応する値を追加します。
HTMLとXHTMLとの違い
HTMLでは、<input>タグには終了タグがありません。
XHTMLでは、<input>タグを適切に閉じる必要があります。
プロパティ
新:HTML5の新しいタグ。
プロパティ | 値 | 説明 |
---|---|---|
受け入れます | オーディオ/ *ビデオ/ *画像/ * MIME_TYPE | タイプは、文書を提出するファイルのアップロードによって指定します。 (のみのタイプ= "ファイル"のため) |
整列します | 左右上部中央のボトム | HTML5廃止され、非推奨。 入力画像の所定の配向。 (のみのタイプ= "画像"のため) |
アルト | テキスト | 画像の代替テキスト入力を定義します。 (のみのタイプ= "画像"のため) |
オートコンプリート 新 | オンオフ | オートコンプリート属性を使用すると、オートコンプリートを有効にする必要があるかどうか、<input>要素の入力フィールドを指定します。 |
オートフォーカス の新 | 自動焦点 | 属性は、ページの負荷が<INPUT>の時要素は、自動的にフォーカスを取得する指定します。 |
チェックし | チェックし | ページのロードは、<入力>要素を事前に選択する必要があるときに、属性がチェック指定します。 (のみのタイプに= "チェックボックス"またはtype = "ラジオ") |
使用禁止 | 使用禁止 | disabledプロパティの規定は、<入力>要素を無効にする必要があります。 |
形成 新規 | form_id | フォーム属性は、一つ以上の所属の形での<input>要素を指定します。 |
formaction 新 | URL | ときにフォームの送信URL属性は、入力制御処理を指定します。 (のみのタイプのために= "提出"と= "画像"と入力) |
formenctype 新 | アプリケーション/ x-www-form-urlencodedでマルチパート/フォームデータテキスト/平野 | フォームが(唯一のタイプのために= "提出"と= "画像"と入力)データをエンコードする方法をサーバーに送信されたときに属性が指定されます。 |
formmethod 新 | ポストを得ます | HTTPメソッドのアクションURLにフォームデータを送信定義します。 (のみのタイプのために= "提出"と= "画像"と入力) |
formnovalidate 新 | formnovalidate | formnovalidateプロパティの上書き<form>要素のNOVALIDATE属性。 |
formtarget 新 | _blank _self _parent _topのframename | 示す所定の用紙を提出した後どこに受信した応答名またはキーワードを表示します。 (のみのタイプのために= "提出"と= "画像"と入力) |
高 新 | ピクセル | 引当金の<input>要素の高さ。 (のみのタイプ= "画像"のため) |
一覧 新 | datalist_id | 事前に定義されたオプションの<input>要素が含まれているプロパティの参照<データリスト>要素、。 |
MAX 新 | 数日 | 属性は、<入力>最大の要素を指定します。 |
MAXLENGTH | 数 | 属性は、<入力>要素に使用できる文字の最大数を指定します。 |
分 新 | 数日 | 属性は、最小の<input>要素を指定します。 |
複数の 新 | 複数 | 属性は、ユーザーが複数の値の<input>要素を入力することができますを指定します。 |
名前 | テキスト | name属性は、<input>要素の名前を指定します。 |
パターン 新 | 正規表現 | 属性は、正規表現の値の<input>要素を検証するために使用パターンを指定します。 |
プレースホルダ 新 | テキスト | メッセージ入力の<input>フィールドの簡単な説明が期待値であるためにplaceholder属性が用意されています。 |
読み取り専用 | 読み取り専用 | 読み取り専用属性は、入力フィールドは読み取り専用です指定します。 |
必要な 新 | 必須 | 属性は、入力フィールドがフォームを送信する前に記入する必要があります指定します。 |
サイズ | 数 | 可視width属性は、文字の<input>要素の数の点でサイズを指定します。 |
SRC | URL | Src属性は、URLが画像として表示されるボタンを提出指定します。 (のみのタイプ= "画像"のため) |
STEP 新規 | 数 | step属性は、法的デジタルの<input>要素の間隔を指定します。 |
タイプ | ボタン チェックボックス カラー 日付 日時 日時、ローカル メール ファイル 隠されました 画像 月 数 パスワード ラジオ 範囲 リセット 検索 提出します TEL テキスト 時間 URL 週 | <入力> type属性は、表示したい要素の型を指定します。 |
値 | テキスト | 値の<input>要素の値を指定します。 |
幅 新しいです | ピクセル | 属性には、幅の<input>要素の幅を指定します。 (のみのタイプ= "画像"のため) |
グローバル・プロパティ
<input>タグは、グローバル属性は、プロパティシートに完了表示サポートされていたHTMLのグローバル属性を 。
イベントプロパティ
<input>タグは、すべてのサポートされていたHTMLイベント属性を 。