<入力>
HTML <input> タグ
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <form action="demo-form.php"> First name: <input type="text" name="FirstName" value="Mickey"><br> Last name: <input type="text" name="LastName" value="Mouse"><br> <input type="submit" value="提交"> </form> <p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p> </body> </html>
インスタンスの実行 »
「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します
ブラウザのサポート
現在、ほとんどのブラウザは <input> タグをサポートしています。
タグの定義と使用方法
<input> タグは、ユーザーがデータを入力できる入力フィールドを指定します。
<input> 要素は、ユーザーがデータを入力できるようにする入力コントロールを宣言するために <form> 要素で使用されます。
入力フィールドは、type 属性に応じてさまざまな方法で変更できます。
ヒントとメモ
注: <input> 要素は空であり、label 属性のみが含まれています。
ヒント: <label> 要素を使用して、<input> 要素のラベルを定義できます。
HTML 4.01とHTML5の違い
HTML 4.01では、「align」データは使用されなくなりました。この属性は HTML5 ではサポートされていません。 CSS を使用して <input> 要素の配置を定義できます。
HTML5 では、<input> によっていくつかの属性と対応する値が追加されます。
HTML と XHTML の違い
HTML では、<input> タグには終了タグがありません。
XHTML では、<input> タグを正しく閉じる必要があります。
属性
New : HTML5の新しいタグ。
| プロパティ | 値 | 説明 |
|---|---|---|
| accept | audio/* ビデオ/* image/*MIME_type | ファイル アップロードによって送信されるファイルのタイプを指定します。 (type="file" の場合のみ) |
| align | left 右 上 真ん中 一番下 | HTML5 は時代遅れで非推奨です。画像入力の配置を指定します。 (type="image" の場合のみ) |
| alt | text | 画像入力の代替テキストを定義します。 (type="image" の場合のみ) |
| オートコンプリート新規 | off | autocomplete 属性は、<input> 要素の入力フィールドでオートコンプリートを有効にするかどうかを指定します。 |
| autofocusNew | autofocus | 属性は、ページの読み込み時に <input> 要素が自動的にフォーカスを取得するように指定します。 |
| checked | checked | checked 属性は、ページの読み込み時に事前に選択する必要がある <input> 要素を指定します。 (type="checkbox" または type="radio" の場合のみ) |
| disabled | disabled | disabled 属性は、どの <input> 要素を無効にするかを指定します。 |
| formNew | form_id | form 属性は、<input> 要素が属する 1 つ以上のフォームを指定します。 |
| formactionNew | URL | プロパティは、フォームの送信時に入力コントロールを処理するファイルの URL を指定します。 (type="submit" および type="image" のみ) |
| formenctypeNew | application/x-www-form-urlencoded マルチパート/フォームデータ text/plain | 属性は、サーバーに送信するときにフォーム データをエンコードする方法を指定します (type="submit" および type="image" にのみ適しています)。 |
| formmethodNew | get post | は、フォーム データをアクション URL に送信する HTTP メソッドを定義します。 (type="submit" および type="image" にのみ適しています) |
| formnovalidateNew | formnovalidate | formnovalidate 属性は、<form> 要素の novalidate 属性をオーバーライドします。 |
| formtargetNew | _blank _自己 _親 _topframename | は、フォームの送信後に受け取った応答の名前またはキーワードを表示する場所を指定します。 (type="submit" および type="image" にのみ適しています) |
| heightNew | pixels | <input> 要素の高さを指定します。(type="image" の場合のみ) |
| listNew | datalist_id | 属性は、<input> 要素の事前定義されたオプションを含む <datalist> 要素を参照します。 |
| 最大新しい | 番号 date | 属性は、<input> 要素の最大値を指定します。|
| number | 属性は、<input> 要素で許可される最大文字数を指定します。||
| 新しい | 番号 date | 属性は、<input> 要素の最小値を指定します。|
| New | multiple属性は、ユーザーが <input> 要素に複数の値を入力できることを指定します。 | |
| text | name 属性は、<input> 要素の名前を指定します。||
| New | regexp | pattern 属性は、<input> 要素の値を検証するために使用される正規表現を指定します。|
| New | text | placeholder属性は、入力<input>の期待値を説明する短いツールチップを指定します。 。|
| readonly | readonly 属性は、入力フィールドが読み取り専用であることを指定します。 | |
| New | required属性は、フォームを送信する前に入力フィールドに入力する必要があることを規定しています。 | |
| number | size 属性は、<input> 要素の表示幅を文字数で指定します。||
| URL | src 属性は、送信ボタンとして表示される画像の URL を指定します。 （それだけに type="image")||
| New | number | step 属性は、<input> 要素の有効な数値間隔を指定します。|
| ボタン | チェックボックス 色 日付 日時 日時-ローカル メール ファイル 非表示 画像 月 番号 パスワード ラジオ 範囲 リセット 検索 送信 電話 テキスト 時間 url week | type 属性は、表示される <input> 要素のタイプを指定します。 |
| text | <input> 要素の値を指定します。||
| New | pixels | width 属性は、<input> 要素の幅を指定します。 (type="image" の場合のみ)
グローバル属性<input> タグはグローバル属性をサポートしており、完全な属性テーブルを表示します。HTML グローバル属性。
イベント属性<input> タグは、すべての HTML イベント属性をサポートします。
