このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

input”要素~“type="reset"

記事Sep.15th, 2020
Mar. 10th, 2023
入力フォームのリセットボタン
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

type="reset"

送信可能な値 なし
妥当性のチェック なし

type="reset"”を指定したinput”要素は入力フォームのリセットボタンを表します。

type="reset"”を指定したinput”要素はクリックされたときに関連付けられたform”要素の入力内容を初期化します。

value”属性を指定した場合、value”属性の値がボタンのラベルになります。value”属性でラベルを指定しない場合は“リセット”などのブラウザのデフォルトのラベルがつけられます。

type="reset"を指定したbutton”要素と同じ機能を持ちます。

サンプルコード

<form method="post" action="sample-inputtag2.php" target="_blank">
<fieldset>
<label>感想:
<textarea type="text" name="sample01" rows="5" cols="30"></textarea>
</label>
</fieldset>
<p>
<input type="submit">
<input type="reset">
</p>
</form>

*送信すると入力内容が表示されます。

属性と値

属性
属性 説明 説明
必須属性
type="" 入力欄の種類 reset リセットボタン
任意属性
グローバル属性
disabled="" 入力欄を無効化 disabled 入力欄を無効化
form=""HTML5で追加 関連付けるフォーム ID名 関連づけるform”要素id”属性の値
name="" 入力欄の名前 文字列 入力欄の名前
popovertarget=""HTML Living Standardで定義 表示状態を切り替えるポップオーバー要素 ID名 表示状態を切り替えるポップオーバー要素のid”属性の値
popovertargetaction=""HTML Living Standardで定義 ポップオーバー要素の表示状態の切り替え方法 toggle ポップオーバー要素の表示状態を切り替える
show ポップオーバー要素を表示する
hide ポップオーバー要素を閉じる
value="" ボタンに表示されるラベル テキスト ボタンに表示されるラベル
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク