Latest web development tutorials

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>

»をお試しください
(ページの下部には、あなたがより多くの例を見ることができます)

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ほとんどのブラウザは、<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イベント属性を