本日はHTMLのinputのresetボタンについて解説していきたいと思います。
それではいってみましょう!
resetの概要
resetボタンを押すことにより入力情報を消去することができます。
属性
type → resetを指定するとリセット専用のボタンが作成されます。
value → ブラウザに表示されるボタンの名前になります。
サンプル例
1 2 3 4 | <form> <input type="text" placeholder="入力してください"> <input type="reset" value="リセット"> </form> |
実行後は下記のようなリセットボタンが作成されますのでテキストボックスに何か入力してリセットボタンを押したらテキストボックスの内容が消去されます。
まとめ
このようにユーザーがなにか入力する画面で内容を消去するためにリセットボタンがあります。
注意点はリセットボタンを押すと全部の内容が消去されるので注意しましょう。
以上です。