<input>要素の"reset"型

<input>要素の”reset”型

フォーム内に「入力内容をリセットする」ボタンを配置する際に使います。
button型 や submit型 と同様、基本的にボタン内にはテキストしか表示できませんので、デザイン的な自由度が必要であれば、<button> 要素を使うことも出来ます。( <button> 要素は子要素を持つことができるため)

属性

<input> 要素の reset型 では、以下の属性が使用できます。

value

reset型 の場合は、ボタンのテキストとして使用する文字列をvalue属性で指定します。

disabled

この属性を指定した場合、ボタンが無効化されます。

accesskey

このグローバル属性を設定することで、ショートカットキーを割り当てます。

サンプル

See the Pen OJLwYKw by Masahiko Iwakiri (@m-iwakiri) on CodePen.


 

このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました