<input> 「入力欄、ボタン」のサンプル画面

<input>のtypeはHTML5で多く追加されました。また、type以外の属性も多く追加されました。下記<input>のサンプル画面は、taypeごとに可能な限り追加された属性を使用して作成しています。

各項目の項目名をクリックすると、項目名の下にtypeが、その右に属性の内容が表示される(placeholder,titleは非表示)ので、指定内容の確認ができます。(再度クリックすると非表示になります。)

HTML5に対応していないブラウザで同様の機能を実現するには、javascriptで行う必要があります。javascriptで実現したサンプルは、「入力欄、ボタン」のサンプル画面 javascript版を参照下さい。
※HTML5で追加されたtypeの対応状況は下記留意事項を、属性の対応状況は【type別の属性対応表】を参照下さい。