2012-04-03 7 views
2

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

HTML

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

感謝。

+3

フォームのリセットボタンは、1990年代のものです。この記事を見てみましょう:http://www.useit.com/alertbox/20000416.htmlそして、あなたのフォームにこの不器用なものを含めないことを検討してください:) –

答えて

3

タイプイメージの入力は、常に送信ボタンのように動作します。

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

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

0

これは意図した動作です。代わりにボタン又は 、値「画像」 あるtype属性を有する入力要素のいずれかを表しUAが することを可能にする、そこから画像が対話の座標の組を選択してフォームを送信

そこからユーザはのフォームを提出することができる。

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

0

ボタンを提出するようtype="image"行為と

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

を使用する必要があり、リセットボタンを作ること。

関連する問題