<input>

<form>の入力部品です。
以前からある要素ですが、HTML5でtype属性の値が増えたことで大幅に強化されています。
type属性の値に非対応のブラウザでは、
<input type="text">
と同じ部品が表示されるので注意してください。
見た目が同じでも入力内容のチェックを行うものもあります。

type属性により形状等が変わります。

type値	説明	表示テスト
hidden	非表示項目です。主にユーザーが入力しない固定値を設定するのに使用します。
text	通常のテキスト入力ボックス。typeを設定しない場合これになります。
search	[新] 検索キーワードの入力用
tel	[新] 電話番号の入力用
url	[新] URLの入力用
email	[新] メールアドレスの入力用
password	パスワードの入力用
datetime	[新] 日時の入力用
date	[新] 日付の入力用
month	[新] 月の入力用
week	[新] 週の入力用
time	[新] 時間の入力用
datetime-local	[新] ローカル日時の入力用
number	[新] 数値の入力用
range	[新] 数値を選択するスライダー
color	[新] カラーピッカー
checkbox	チェックボックス
radio	ラジオボタン
file	ファイル選択
submit	フォーム送信ボタン
image	画像ボタン
reset	フォーム入力内容が初期化されるボタン
button	ボタンですが何もしません。onclickイベント等で利用します。

[新] となっているものはHTML5で追加されたものです。

以下の属性はどのtypeでも設定できます。

属性名	説明
autofocus	[新] 設定するとページ表示時に自動的にフォーカスが当たります。
disabled	設定すると操作できなくなります。
form	<form>のid属性の設定値と同一の値を設定すると関連付けできます。通常は直近の親<form>です。
name	データ送信時の項目名
value	項目に対するデータ

通常は<form>の子要素として<input>を使用し、
送信時には各<input>要素のname属性とvalue属性の値のペアが、
name=value
とし、フォーム部品が複数ある場合は、
name1=value1&name2=value2....
と連結されて送信されます。

value値に半角英数字及び-（ハイフン）.（ピリオド）_（アンダースコア）~（チルダ）以外の文字が含まれる場合はURLエンコードされて送信されます。

value値は、
type="checkbox"
type="radio"
type="hidden"
type="submit"
type="image"
type="reset"
type="button"
以外ではユーザーの入力の値になるので設定する必要はありません。
設定した場合は初期値となります。

type="checkbox"
type="radio"
の場合はチェックされている場合は初期値か "on" がvalueとして送信されます。
チェックされていない場合は送信されません。

type="checkbox"
又はmultiple属性により複数選択できる場合は同じnameの値が複数送信されるので注意が必要です。

type="hidden"
はユーザーが変更できないので常に初期値がvalueとして送信されます。

type="submit"
type="image"
type="reset"
type="button"
のボタン系の場合のvalue値はボタン名として表示されます。

以下の属性はtype属性の値によって設定できるか変わってきます。

	text search	url tel	email	password	datetime date month week time datetime-local	number	range	color	checkbox radio	file
accept										○
autocomplete	○	○	○	○	○	○	○	○
checked									○
dirname	○
list	○	○	○		○	○	○	○
max					○	○	○
maxlength	○	○	○	○
min					○	○	○
multiple			○							○
pattern	○	○	○	○
placeholder	○	○	○	○		○
readonly	○	○	○	○	○	○
required	○	○	○	○	○	○			○	○
size	○	○	○	○
step					○	○	○

属性と説明

	説明
accept	[新] 受け入れられるファイルタイプ設定。"image/" "video/" の様に設定します。
autocomplete	[新] "on" 又は "off" で自動入力が有効か設定できます。初期値は<form>の設定を引き継ぎますが、<form>に設定されていない場合は "on" です。
checked	チェックボックス、ラジオボタンで設定すると初期状態でチェックされます。
dirname	[新] アラビア文字等を使用する場合の文字の向き変更。
list	[新] 定義済み入力値のリスト。<datalist>のid属性値を設定。
max	[新] 数値の最大値
maxlength	文字の最大長さ（文字数）
min	[新] 数値の最小値
multiple	[新] 設定すると複数の値を指定することができる（文字数）
pattern	[新] 入力内容チェックの正規表現
placeholder	[新] 入力のヒント文字列
readonly	設定すると変更不可になります
required	[新] 設定すると必須項目となります
size	入力ボックスの大きさ（文字数）
step	[新] 数値の変動間隔

以下の属性は
type="submit"
type="image"
のボタンに設定して<form>設定値より優先させることができます。
type="reset"
type="button"
はフォーム送信は行いませんので設定できません。

属性名	対応する<form>属性
formaction	[新] action
formenctype	[新] enctype
formmethod	[新] method
formnovalidate	[新] novalidate
formtarget	[新] target

type="image"
には画像設定用の属性が利用できます。

属性名	説明
alt	画像代替テキスト
src	画像URL。type="image"では必須属性です。
width	[新] 画像横幅
height	[新] 画像高さ