html:file 回车提交的问题

本文探讨了HTML表单中不同类型的输入控件对于回车键的响应机制,包括file和text控件的特点,以及如何阻止file控件响应回车键提交行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这样的一个js,焦点如果在file的文本框中按回车时,页面是会提交的

 <!--<form>
<input type="file" >
</form>--->

但其实不单单是file控件,text控件也会的哦~

 <!--<form>
<input type="text" >
</form>--->

那这是为什么呢?强大的搜索引擎给了我答案~ •如果表单里有一个type=”submit”的按钮,回车键生效。 •如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。 •如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。 •其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。 •type=”image”的input,效果等同于type=”submit”。 解决html:file提交问题的方法有2个

第一种:

  <!--<form>
<input type="file" >
<input type="text" style="display:none">
</form>-->

第二种:

 <!--<form>
<input type="file" onkeydown="if (window.event.keyCode==13) {return false;}">
</form>

--->

文章出处:飞诺网(www.firnow.com):http://dev.firnow.com/course/1_web/html/htmlshl/20100721/477534.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值