2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

resetボタンとvalue属性

Last updated at Posted at 2017-08-06

HTMLにおいてずっと気になっていたことがある。すなわち、input要素のresetボタンは、どこへリセットしているのか、ということである。

例えば、

    1: <input type="text" name="message1">
    2: <input type="reset">

というふうに入力フォームとresetボタンを作成したとき、resetボタンを押すと、message1に入力されていたパラメータがリセット(クリア)される。これは分かりやすい。

だが、

    1: <input type="text" value="文字を入れてね" name="message2">
    2: <input type="reset">

というふうに、入力フォームにvalue属性、つまり最初から入力されているパラメータがあった時にどうなるのかというと、resetボタンを押すと、それまでの入力内容を破棄して、元の形、つまりmessage2であれば「文字を入れてね」が入力された状態に戻るのである。

入力漏れがあっても空のまま送信されないだけ良いのかもしれないが、「リセット」と書かれたボタンを押せば空っぽに戻ると思う人も多いような気もするので、一文添えておくべきかもしれない。

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?