More than 5 years have passed since last update.

HTMLのinput type="reset"の仕様を勘違いしていた

Posted at 2014-09-22

よくフォームのクリアとして

<input type="reset" value="クリア" />

みたいなHTMLを使っている記事を見かけますが、どうやら、その使い方はおかしいらしい。

W3Cのドキュメントを読んでみると、どうやらtype="reset"はHTMLが読み込まれた段階での値にリセットするということだった。つまり

<input type="text" value="hello" />
<input type="reset" value="クリア" />

とかの場合は、クリアボタンを押したときには、フォームが空白になるわけではなく、"hello"に戻ってしまう。

なので、値を空にするためにはちゃんとjavascriptとかで、空にするように記述しないといけないみたい。。。