HTML <input>タグ

例

2つのテキスト入力ボックスと1つの送信ボタンを含む簡単なHTMLフォーム：

<form action="demo_form.php"> First name: <input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> <input type="submit" value="送信"> </form>

試してみる »
(このページの下部でさらに多くの例を確認できます)

ブラウザサポート

要素
<input>	Yes	Yes	Yes	Yes	Yes

タグの定義と使用説明

<input> タグは、ユーザーがデータを入力できる入力フィールドを定義します。

<input> 要素は <form> 要素内で使用され、ユーザーがデータを入力できる input コントロールを宣言します。

入力フィールドは type 属性に応じてさまざまな方法で変更できます。

ヒントと注釈

注意:<input> 要素は空であり、タグ属性のみを含みます。

ヒント:あなたは使用できます<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/* video/* image/* MIME_type	ファイルアップロードによって送信されるファイルの種類を指定します。(type="file" のみ)
align	left right top middle bottom	HTML5では廃止され、使用は推奨されません。画像入力の配置を指定します。(type="image" のみ)
alt	text	画像入力の代替テキストを定義します。(type="image" のみ)
autocompleteNew	on 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 multipart/form-data text/plain	属性は、フォームデータがサーバーに送信されるときのエンコード方法を指定します。(type="submit" と type="image" のみ)
formmethodNew	get post	フォームデータを action URL に送信する HTTP メソッドを定義します。(type="submit" と type="image" のみ)
formnovalidateNew	formnovalidate	formnovalidate 属性は、<form> 要素の novalidate 属性を上書きします。
formtargetNew	_blank _self _parent _top framename	フォーム送信後、受信した応答をどこに表示するかを示す名前またはキーワードを指定します。(type="submit" と type="image" のみ)
heightNew	pixels	<input> 要素の高さを指定します。(type="image" のみ)
listNew	datalist_id	属性は、<input> 要素の事前定義されたオプションを含む <datalist> 要素を参照します。
maxNew	number date	属性は、<input> 要素の最大値を指定します。
maxlength	number	属性は、<input> 要素で許可される最大文字数を指定します。
minNew	number date	属性は、<input> 要素の最小値を指定します。
multipleNew	multiple	属性は、ユーザーが <input> 要素に入力できる複数の値を指定します。
name	text	name 属性は、<input> 要素の名前を指定します。
patternNew	regexp	pattern 属性は、<input> 要素の値を検証するための正規表現を指定します。
placeholderNew	text	placeholder 属性は、<input> フィールドの期待値を説明する簡単なヒント情報を指定します。
readonly	readonly	readonly 属性は、入力フィールドが読み取り専用であることを指定します。
requiredNew	required	属性は、フォームを送信する前に入力フィールドに入力する必要があることを指定します。
size	number	size 属性は、文字数で <input> 要素の表示幅を指定します。
src	URL	src 属性は、送信ボタンとして表示される画像の URL を指定します。(type="image" のみ)
stepNew	number	step 属性は、<input> 要素の有効な数値の間隔を指定します。
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	type 属性は、表示する <input> 要素のタイプを指定します。
value	text	<input> 要素の value の値を指定します。
widthNew	pixels	width 属性は、<input> 要素の幅を指定します。(type="image" のみ)

グローバル属性

<input> タグはグローバル属性をサポートしています。完全な属性表を参照してください。HTML グローバル属性。

イベント属性

<input> タグはすべてをサポートしていますHTML イベント属性。

その他の拡張

HTMLタグ