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

<input>のtypeはHTML5で多く追加されました。また、type以外の属性も多く追加されました。下記<input>のサンプル画面は、HTML5で追加されたtypeと属性の動作をjavascriptで実現しています。下記javascriptを表示ボタン押下でjavascriptの内容が表示されます。

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

同様の機能をHTML5で追加されたtypeと属性で指定したサンプルは、【「入力欄、ボタン」のサンプル画面】を参照下さい。
※HTML5で追加されたtypeの対応状況は下記留意事項を、属性の対応状況は【type別の属性対応表】を参照下さい。