HTML 内の input type="reset" タグが無効 (機能しない) である理由として考えられるもの。

<html:reset> タグを使用すると、リセットボタンが無効になり、ボタンをクリックしても入力ボックスがクリアされない場合があります。

理由は次のとおりです。

w3c の Web サイトにこの説明があります (http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
「HTML フォーム内の <input type="reset"> タグの出現ごとに、Reset オブジェクトが作成されます。リセットボタンをクリックすると、フォーム内のすべての入力要素の値がデフォルト値にリセットされます。デフォルト値は、HTML の value 属性または JavaScript の defaultValue 属性によって指定されます。」

つまり、このテキストエリアの value 属性が設定されている場合、リセットボタンはテキストエリアを空ではなく、この value 属性の値に復元します。

結論は次のとおりです。

リセットは入力ボックスの値をクリアしませんが、入力ボックスの値を value 属性で指定された値に復元します。
次の例を見ればこれが明らかになります。次の HTML コードを .html ファイルとして保存し、ブラウザで開いて入力ボックスの内容を変更し、リセットボタンをクリックして効果を確認します。

<フォーム>
<input type="textarea" value="デフォルト値"/>
<入力タイプ="リセット" />
</フォーム>

ただし、クエリ結果ページでは、value 属性に値 (最後のクエリの入力条件) があることが期待される場合があるため、リセットタグを使用してクリア機能を実装することはできません。クリアであることに注意してください。

シミュレーション方法は次のとおりです。リセットタグの代わりにボタンタグを使用し、js を使用してテキスト領域の値を空に設定します。

<<: HTMLフォームのいくつかの送信方法の概要

>>: CSSアニメーションを使用して背景のシームレスな無限ループを実装する例