input要素

解説

input要素（<input>）は、HTMLのフォームで、利用者の入力を受け付ける部品を作る要素です。type属性の値を変えることで、1つの要素からさまざまな入力部品を作り分けられます。

種類

input要素の主なtype属性の値と、作られる入力部品は次のとおりです。

type	作られる部品
text	1行入力欄
email	メールアドレス入力欄
tel	電話番号入力欄
radio	ラジオボタン
checkbox	チェックボックス
file	ファイル選択欄（ファイル添付）
hidden	画面に出ない欄

実務での使われ方

type属性の指定は、スマートフォンでの入力のしやすさを左右します。type属性を適切に指定すると、スマートフォンのブラウザでは入力内容に適したキーボードが表示されることがあります。たとえば、電話番号の欄では数字のキーボードが表示されます。一方で、すべての欄をtextで作ったフォームでは、適したキーボードが表示されず、利用者の入力の手間とミスが増えます。