<input type=”reset”>|リセットボタンを作成する

<input type="reset">|リセットボタンを作成する

<input>タグのtype属性に「reset」を指定すると、リセットボタンを作成できます。
リセットボタンを押すと、そのフォームに入力したデータやチェックした項目が取り消され、初期状態に戻ります。
 
 

使用例

 
 

表示例

デフォルト

ボタンに表示するテキストを指定します


 
 

スポンサーリンク

value属性

「やり直し」「取消」など、ボタンに表示するテキストを指定します。
value属性を省略した場合、デフォルトで表示されるテキストはブラウザによって異なります。
 
 

autofocus属性

ページが表示されたら、そのコントロールへ自動的にフォーカスが当たるよう指定します。
autofocus属性は、1つの文書に1つだけ指定することができます。
こちらは、以下のいずれかの形式で指定します。

  • autofocus
  • autofocus=”autofocus”
  • autofocus=””

 
 

スポンサーリンク

disabled属性

そのコントロールを無効にします。
disabled属性を指定すると、入力や選択、クリックなどができなくなり、データも送信されなくなります。
こちらは、以下のいずれかの形式で指定します。

  • disabled
  • disabled=”disabled”
  • disabled=””

 
 

form属性

コントロールを指定のform要素と結び付けます。
結びつけたいform要素のid属性の値をこの属性の値に指定することで、コントロールがform要素の中になくても、そのフォームの部品として機能するようになります。

 
 

スポンサーリンク

name属性

コントロールを識別するための名前を指定します。
フォームのデータが送信されるときには、この名前とデータがセットになって送られ、サーバー側でコントロールを特定するために使われます。

一応、name属性を指定できますが、リセットボタンの場合は部品名やvalue属性値が送信されることはありません。

 
 
HTML5 タグ図鑑

HTML5タグ全種類を図鑑としてまとめています。タグの意味や使い方でわからないことがあれば、ぜひこのページをご活用ください。

HTML5 タグ図鑑へ

 
HTML5 タグ図鑑

スポンサーリンク








<input type="reset">|リセットボタンを作成する