总结几条规律如下:
1、如果表单里面有一个 type=”submit”按钮,回车事件生效,一个文本框还是多个文本框都提交
<form>
html中提交表单用什么属性<table>
<tr><td><input type="text" value="" name="" /></td></tr>
<tr><input type="submit" id="itemconfirm" value="确定" /></tr> </table>
</form>
2、如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
如下:
<form>
<table>
<tr><td><input type="text" value="" name="" /></td></tr>
<tr><input type="button" id="itemconfirm" value="确定" /></tr> </table>
</form>
解决办法:
A 添加无意义文本库,并隐藏
<form>
<input type="text" >
<table>
<tr><td><input type="text" value="" name="" /></td></tr>
<tr><input type="button" id="itemconfirm" value="确定" /></tr> </table>
</form>
B 将文本框与form表单分离,用js控制提交
<form>
。。。。。。。
</form>
<table>
<tr><td><input type=" text" value="" name=" " /></td></tr>
<tr><input type="button" id="itemconfirm" value="确定" /></tr> </table>
3、如果按钮不是用input,而是用button,并且没有加type,IE
下默认为type=button,FX默认为 type=submit。
<form>
<table>
<tr><button value ="确定"/></button></tr>
</table>
</form>
解决办法:
添加button对应的属性,确保每个浏览器下面都一致
<form>
<table>
<tr><button type="reset" value = "确定"/></button>
</tr>
</table>
</form>
4、type=”image”的input,效果等同于type=”submit”
<form>
<table>
<tr><input type="image" value="确定" /></tr>
</table>
</form>
解决方法:采用css添加背景,并且用js控制提交
<form id="datForm">
<table>
<tr><img src="xx.jpg" id="submit" />></tr>
</table>
</form>
<script type="text/javascript" lanaguage="javascript">
$("#submit").click(function(){
$("#dataForm").submit();
});
</script>
5、其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论