INPUT type=image 自动提交表单

最新推荐文章于 2019-01-04 21:17:31 发布

最新推荐文章于 2019-01-04 21:17:31 发布 · 238 阅读

文章标签：

#CSS #JavaScript #HTML #ViewUI

工作流水帐专栏收录该内容

4 篇文章

订阅专栏

本文探讨了使用HTML中的input type=image元素作为登录按钮时可能导致的表单双重提交问题，并提供了两种解决方案：一是使用img标签替代，二是仅使用input type=image并确保在点击前设置表单操作。

today when i write the system logon code,i write the code like :

<input type="image" tabindex="4" name="imageField" id="imageField"
src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" onclick="javascript:login();" />;

so the confusing thing come,when i click the image the form is automatically submit;

so the above code submit the form twice.

i check the html conference, i find a sentence like this:

"INPUT type=image 创建一个图像控件，该控件单击后将导致表单立即被提交。"

that is to say:Creates an image control that, when clicked, causes the form to be immediately submitted.

so you can write the logon code like below formats:

1.<img tabindex="4" name="imageField" id="imageField" src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" style="cursor:hand" onclick="javascript:login()">

2.<input type="image" tabindex="4" name="imageField" id="imageField"
src="<%=baseURL %>/css/style/HCS_Style/image/HCS_Style/login2_04.gif" />;

when you write the code like the second fomat,you must set the action to the form before the image is clicked.