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 的可点击图像，则根本无需将其设为 an 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

不要使用 input type=image，使用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 回答
0

您可以将类型更改为“按钮”并将 css 类应用于按钮以自定义按钮。

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