input - フォーム・コントロール

タイプ付けされたデータ・フィールドを表します。
通常は、ユーザーがデータを入力・編集することができるようにするためのフォーム・コントロールです。
type属性では、要素のデータ・タイプ(accept, alt, autocomplete, checked, formaction, formenctype, formmethod, formnovalidate, formtarget, height, list, max, maxlength, min, multiple, pattern, readonly, required, size, src, step, width属性)を制御できます。

input要素のブラウザ別サポート状況

- ie6 ie7 ie8 ie9 firefox4 chorme safari5 opera10
input

input要素のHTML4からHTML5への変更点

HTML5では、input要素のalign属性が廃止されました。
逆にautocomplete属性・ autofocus属性・ form属性・ formactinput[type=n属性・ formenctype属性・ formmethod属性・ formnovalidate属性・ formtarget属性・ height属性・ list属性・ max属性・ min属性・ multiple属性・ pattern属性・ placeholder属性・ required属性・ step属性・ width属性 が追加さました。
また、type属性に指定できる種類が大幅に増えています。

コンテンツ属性

グローバル属性 すべての要素で共通に使える属性。HTML5で新たに定義された属性もあります。
type 値の種類を指定
・hidden - 隠しデータ
 ユーザーが内容を確認したり操作したりすることを想定しない値を指定
 input と change イベントは適用されません。
・text - 一行テキストボックス(デフォルト)
・search - 検索テキストの編集ボックス
・tel - 電話番号の編集ボックス
・url - URLの編集ボックス
 単一の絶対 URLを編集するためのコントロール
・email - メールアドレスの編集ボックス
 メールアドレスのリストを編集するためのコントロール
・password - パスワードの編集ボックス
 パスワード値は、入力するユーザー以外が見ることができないように隠されます
・datetime - UTC(協定世界時)による日時の編集ボックス
・date - 特定の日付の編集ボックス
・month - 特定の月の編集ボックス
・week - 特定の週の編集ボックス
・time - 特定の時間の編集ボックス
・datetime-local - UTC(協定世界時)によらないローカル日時の編集ボックス
・number - 数値の編集ボックス
・range - 入力幅(レンジ)の編集ボックス
・color - 色の編集ボックス
 単色を示す文字列を編集するコントロール
・checkbox - チェックボックス
・radio - ラジオボタン
・file - サーバーに送信(アップロード)するファイルの指定
・submit - フォームのサブミット(送信)ボタン
・image - フォームのサブミット(画像)ボタン
・reset - リセットボタン
 フォームの内容をリセット
・button - 汎用ボタン
 見た目だけで機能しません。
 javascriptなどでイベントをバインドする等して利用します。
name フォーム・コントロールの名前
value 値を指定
size 表示文字数を1以上の整数で指定
checked チェックボックス、ラジオボタンをチェック済み
disabled 操作無効
required 入力必須
readonly 読み取り専用
max 入力できる最大値
min 入力できる最小値
maxlength 入力可能な最大文字数
文字のカウントはバイト数ではなく、文字数(全角文字でも半角文字でも1文字)
step 入力欄で刻むステップ値
pattern 入力値のチェックに使う正規表現のパターン
autocomplete 入力候補を提示して入力内容を自動補完する
・on
・off
・default(初期値)
autofocus 自動フォーカス
初期画面でフォーカスさせるものに1つ指定可
placeholder 入力欄に初期表示する内容を指定
src type="image"の場合に、画像ファイルのURLを指定
width type="image"の場合に、画像の幅を指定
height type="image"の場合に、画像の高さを指定
alt type="image"の場合に、画像の代替テキストを指定
accept type="file"の場合に、どのタイプのファイルがサーバ側で受け取ることができるかを指定
list ユーザーに入力候補として提案するdatalist要素の値をid属性の値で指定
multiple 複数の値を入力・選択できるようにする
form フォームと関連付けるid名を指定
formaction 送信先URLを指定
formenctype 送信するデータの形式を指定
・application/x-www-form-urlencoded - URLエンコードして送信(デフォルト)
・multipart/form-data - マルチパートデータとして送信
・text/plain
formmethod 送信方法を指定
・get
・post
formnovalidate 入力データの妥当性を確認しない
formtarget 送信するターゲット先を指定
・_blank - 名前のない新しいウインドウに表示
・_self - 現在のウインドウに表示
・_parent - フレーム内からのリンクの場合、フレーム設定文書(多くの場合、フレームを解除しウインドウ全体)に表示
・_top - フレーム内からのリンクの場合、フレームを解除し最上位ウインドウ全体に表示
・任意の名前 - リンク先を指定の名称を持つ新しいウィンドウひ表示
どのtype属性値にどの属性が適用できるかまとめたもの
例(縦):属性名
行(横):type属性値
hiddentext
search
url
tel
emailpassworddatetime
date
month
week
time
datetime-local
number
rangecolorcheckbox
radio
filesubmitimagereset
button
accept属性------------
alt属性------------
autocomplete属性------
checked属性------------
formaction属性-----------
formenctype属性-----------
formmethod属性-----------
formnovalidate属性-----------
formtarget属性-----------
height属性------------
list属性-------
max属性----------
maxlength属性----------
min属性----------
multiple属性-----------
pattern属性----------
placeholder属性----------
readonly属性--------
required属性------
size属性----------
src属性------------
step属性----------
width属性------------
例(縦):属性名
行(横):type属性値
hiddentext
search
url
tel
emailpassworddatetime
date
month
week
time
datetime-local
number
rangecolorcheckbox
radio
filesubmitimagereset
button
type属性の値により、どの属性値(属性の状態)・メソッド・イベントが指定できるかまとめた表
例(縦):属性値・状態・メソッド・イベント
行(横):type属性の値
hiddentext
search
url
tel
emailpassworddatetime
date
month
week
time
datetime-local
number
rangecolorcheckbox
radio
filesubmitimagereset
button
チェックのon/off-----------
ファイル-----------
指定・入力された値指定・入力された値指定・入力された値指定・入力された値指定・入力された値指定・入力された値指定・入力された値指定・入力された値チェックされているかどうかファイル名指定された初期値指定された初期値指定された初期値
日時値-----------
数値---------
リスト------
選択肢・候補値------
select()---------
selectionStart---------
selectionEnd---------
setSelectionRange()---------
stepDown()---------
stepUp()---------
inputイベント-----
changeイベント---
例(縦):属性値・状態・メソッド・イベント
行(横):type属性の値
hiddentext
search
url
tel
emailpassworddatetime
date
month
week
time
datetime-local
number
rangecolorcheckbox
radio
filesubmitimagereset
button

原文(英語):(http://www.w3.org/TR/2009/WD-html5-20090825/forms.html#the-input-element)