0

さて、これが私の問題です。フォームの送信/リセットボタンにカスタムグラフィックを使用していますが、リセットを押すとすぐにフォームアクションがコミットされ、それを望んでおらず、インターネットで答えを探していました。何かを見落としている可能性があるので、フォームコードも含めています。

<form class="contact" name="con_form" action="../includes/mailer.php">
            First Name*: <input type="text" name="first_name" value="" /><br />
            Last Name*: <input type="text name="last_name" value="" /><br />
            Contact Number*: (<input type="text" name="area_code" value="" size="3" />) <input type="text" name="first_three" value="" size="3" /> <input type="text" name="last_four" value="" size="4" /><br />
            Email Address*: <input type="text" name="email" value="" /><br />
            I would like to*: 
            <select>
                <option>--- Select One ---</option>
                <option>Comment</option>
                <option>Suggestion</option>
                <option>Inquiry for employment</option>
            </select><br />
            Comment or Suggestion: <textarea size="1024"></textarea><br /><br />
            <input type="image" src="images/sub_idle.gif" onsubmit="../index.php" alt="Submit" /> <input type="image" onclick="this.form.reset()" src="images/res_idle.gif" alt="Reset" />
        </form>
4

4 に答える 4

1

input type="image"画像を送信ボタンとして定義します。JavaScript をトリガーするクリック可能な画像にしたいだけの場合は、それを にする必要はまったくありませんinput。

于 2012-05-07T21:06:23.870 に答える
1

入力は実際には<input type="image"送信ボタンです

私はこれを出発点として試してみます：（おそらく最善の方法ではありません）

<img onclick="this.form.reset();" src="images/res_idle.gif" alt="Reset" />
于 2012-05-07T21:07:52.070 に答える
0

タイプを「ボタン」に変更し、CSS クラスをボタンに適用してボタンをカスタマイズできます。

<input type="button" onclick="this.form.reset()" class="resetbutton" />
于 2012-05-07T21:22:27.650 に答える
0

type=imageinputを使用しないでくださいA。CSS の背景を持つ -tag を使用してください。

<a href="#" class="buttonImage" onclick="document.con_form.reset();return false"></a>

.buttonImage {
    background-image:url(/images/sub_idle.gif);
    height:20px;
    width:60px;
    display:block
}
于 2012-05-07T21:11:22.360 に答える