HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <input> タグ

HTML <input>タグは、ユーザーにデータ入力のためのインタラクティブコントロールを提供する入力コントロールです。伝統的には、<input>タグは<form>タグ内に配置され、適切なtype属性を設定することでテキストフィールド、チェックボックス、ドロップダウンメニュー、ボタンなど、さまざまな入力を表現できます。このタグは通常<input>要素とも呼ばれます。

オンラインサンプル

シンプルなHTMLフォーム、テキスト入力フィールド2つと送信ボタンを含んでいます：

サンプル

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　footerタグの使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
</head>
<body>
<h1>oldtoolbag.com基本チュートリアル</h1>
<form　action="demo-form.php"　method="post">
　　会社:　<input　type="text"　name="company"><br>
　　住所:　<input　type="text"　name="address"><br>
　　<input　type="submit"　value="Submit">
</form>
</body>
</html>

テストをしてみる ‹/›

このHTML5ドキュメントの例では、<form>タグを使用してHTMLフォームを作成しました。このフォームには、会社と住所のために使用される<input>コントロールが2つ、および送信ボタンの<input>コントロールが1つ含まれています。

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在の多くのブラウザが<input>タグをサポートしています。

タグの定義及び使用方法

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

通过设置type属性，<input>元素可以成为文本字段，复选框，单选按钮，下拉菜单，按钮，密码字段等等！

提示和注意

注意: <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")
autocompleteHTML5	on off	autocomplete 属性指定 <input> 元素输入字段是否应该启用自动完成功能。
autofocusHTML5	autofocus	属性规定当页面加载时 <input> 元素应该自动获得焦点。
checked	checked	checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")
dirnameHTML5	inputname.dir	指定提交的文本方向。
disabled	disabled	disabled 属性规定应该禁用的 <input> 元素。
formHTML5	form_id	form 属性指定 <input> 元素所属的一个或多个表单。
formactionHTML5	URL	属性は、フォームを提出する際にファイルを処理する URL を指定します。（type="submit"やtype="image"の場合のみ）
formenctypeHTML5	application/x-www-form-urlencoded multipart/form-data text/plain	属性は、フォームデータをサーバーに提出する際のエンコーディング方法を指定します。（type="submit"やtype="image"の場合のみ）
formmethodHTML5	get post	formmethod 属性は、アクション URL に送信されるフォームデータの HTTP メソッドを定義します。（type="submit"やtype="image"の場合のみ）
formnovalidateHTML5	formnovalidate	formnovalidate 属性は、<form>要素のnovalidate属性をオーバーライドします。
formtargetHTML5	_blank _self _parent _topframename	framename 属性は、フォームを提出した後に応答を受け取る場所を表示する名前やキーワードを指定します。（type="submit"やtype="image"の場合のみ）
heightHTML5	ピクセル	height 属性は、type="image"の<input>要素の高さを指定します。（type="image"の場合のみ）
listHTML5	datalist_id	属性は、<datalist>要素を参照し、<input>要素の事前定義オプションを含みます。
maxHTML5	number date	属性は、<input>要素の最大値を指定します。
maxlength	number	属性は、<input>要素に許可される最大文字数を指定します。
minHTML5	number date	属性は、<input>要素の最小値を指定します。
multipleHTML5	multiple	属性は、<input>要素に複数の値を入力できることを許可します。
name	text	name 属性は、<input>要素の名前を指定します。
patternHTML5	regexp	pattern 属性は、<input>要素の値を検証するための正規表現を指定します。
placeholderHTML5	text	placeholder 属性は、<input>フィールドの期待される値を説明する短いヒント情報を指定します。。
readonly	readonly	readonly 属性は、入力フィールドが読み取り専用であることを指定します。
requiredHTML5	required	属性は、フォームを提出する前に入力フィールドを必須とする必要があります。
size	number	size 属性は、<input>要素の表示される幅（文字数で指定）を定義します。
src	URL	src 属性は、提出ボタンの画像として表示される画像の URL を指定します。（type="image"の場合のみ） type="image")
stepHTML5	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の値を指定します。
widthHTML5	ピクセル	width 属性は<input>要素の幅を指定します。(type="image"の場合のみ)

グローバル属性

<input> タグはグローバル属性をサポートしており、完全な属性リストを確認してください HTMLグローバル属性。

イベント属性

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

HTML: <ins> タグ HTML: <img> タグ