以下のスクリプトでは、リセットボタンは送信ボタンのようにも機能します。問題はどこにあるのでしょうか?ありがとう。
HTML
<input type="image" name="submit" value=" " src="image.png">
<input type="image" name="reset" value=" " src="reset.png">
御時間ありがとうございます。
画像タイプの入力は、常に送信ボタンのように機能します。
JavaScriptを使用してデフォルトの動作を上書きできますが、ユーザーがJavaScriptを有効にしていない場合、ボタンはリセットではなく送信されます。
オプションは、通常のリセットタイプのボタンを追加し、DOMがロードされた後、それを画像またはJavaScriptを使用した画像タイプの入力に置き換えることです。これにより、JavaScriptが有効になっていない(デフォルトのリセットボタンが表示される)ブラウザでも動作するようになります。
それが意図された動作です。
値が「image」であるtype属性を持つinput要素は、UAがユーザーが座標のペアをインタラクティブに選択してフォームを送信できるようにする画像、またはユーザーがフォームを送信できるボタンのいずれかを表します。
出典:http ://www.w3.org/TR/2012/WD-html-markup-20120329/input.image.html
リセットボタンを作成するには、次を使用する必要があります
<input type="reset" value="Reset">
type="image"
送信ボタンのように機能します。