2

以下のスクリプトでは、リセットボタンは送信ボタンのようにも機能します。問題はどこにあるのでしょうか?ありがとう。

HTML

  <input type="image" name="submit" value=" " src="image.png">
  <input type="image" name="reset" value=" " src="reset.png">

御時間ありがとうございます。

4

4 に答える 4

4

画像タイプの入力は、常に送信ボタンのように機能します。

JavaScriptを使用してデフォルトの動作を上書きできますが、ユーザーがJavaScriptを有効にしていない場合、ボタンはリセットではなく送信されます。

オプションは、通常のリセットタイプのボタンを追加し、DOMがロードされた後、それを画像またはJavaScriptを使用した画像タイプの入力に置き換えることです。これにより、JavaScriptが有効になっていない(デフォルトのリセットボタンが表示される)ブラウザでも動作するようになります。

于 2012-04-03T21:26:40.723 に答える
2

問題は、定義上、

<input type="image" />

送信ボタンを定義します。

于 2012-04-03T21:26:11.327 に答える
0

それが意図された動作です。

値が「image」であるtype属性を持つinput要素は、UAがユーザーが座標のペアをインタラクティブに選択してフォームを送信できるようにする画像、またはユーザーがフォームを送信できるボタンのいずれかを表します。

出典:http ://www.w3.org/TR/2012/WD-html-markup-20120329/input.image.html

于 2012-04-03T21:26:58.587 に答える
0

リセットボタンを作成するには、次を使用する必要があります

<input type="reset" value="Reset">

type="image"送信ボタンのように機能します。

于 2012-04-03T21:29:51.220 に答える