`

只有一个<input type="text" value="" /> 回车报错的问题

 
阅读更多

回车键提交表单

结论:

回车键提交表单:设置 <input /> 标签或者 <button> 标签的属性 type="submit" 即可。

回车键不提交表单,用JavaScript来解决,具体代码如下:

document.getElementsByTagName_r('form')[0].onkeydown = function(e){ var e = e || event; var keyNum = e.which || e.keyCode; return keyNum==13 ? false : true; };

 

或者加入:onkeydown="if(event.keyCode==13){return false;}"进行事件响应

分析:

如果按钮用 <input /> 标签,标签的 type="submit" ,IE6、7、8、Firefox回车时均提交。

如果按钮用 <input /> 标签,标签的 type="button" ,

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> , IE6、7下焦点在何处回车均不会提交,IE8、只有焦点在 <input type="text" value="" /> 上时回车才会提交, Firefox均回车会提交。
3有多个 <input type="text" value="" /> ,IE6、7、8、Firefox均不会提交。

如果按钮用 <input /> 标签,标签的 type="" ,E6、7、8、Firefox均会默认为 type="text" 。

如果按钮用 <button> 标签,标签的 type="submit" ,E6、7、8、Firefox回车时均提交。

如果按钮用 <button> 标签,标签的 type="button" ,

1 没有 <input type="text" value="" /> 回车均不提交。
2 有一个 <input type="text" value="" /> , IE6、7下焦点在何处回车均不会提交,IE8、只有焦点在<input type="text" value="" />上时回车才会提交, Firefox均回车会提交。
3 有多个 <input type="text" value="" /> ,IE6、7、8、Firefox均不会提交。

如果按钮用 <button> ,标签的 type="" ,IE6、7下默认的 type="button" ,IE6、7下焦点在何处回车均不提交,IE8、Firefox默认为 type="submit" ,IE8、Firefox均回车会提交。

分享到:
评论

相关推荐

    如何将input type=file显示的浏览变成英文的

    4. **绑定事件处理器:** 为了实现在用户选择文件后更新文本输入框中的值,我们需要绑定一个`onChange`事件处理器到隐藏的`&lt;input type="file"&gt;`元素。 ```html &lt;input type="file" name="picpath" id="picpath...

    input type=file 显示的浏览 改成英文

    在网页设计中,`&lt;input type="file"&gt;` 是HTML元素的一个重要部分,它用于创建一个文件上传控件。默认情况下,这个控件的文本提示和按钮是根据用户的操作系统语言来显示的,例如,在中文环境下会显示“浏览”或“选择...

    html表单<form></form>

    &lt;input name="uid" type="text" value="" maxlength="20"/&gt; &lt;input name="pwd" type="password" value="" maxlength="10"/&gt; &lt;input name="gender" type="radio" value="f"/&gt;nan &lt;input name="gender" ...

    jsp登陆界面源代码

    name="userName" id="userName"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;密码:&lt;input type="password" name="password" id="password"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="submit" value="登录" style="background-color:pink"&gt; ...

    html5+css3+javascript实现加减乘除功能

    在网页上实现加减乘除功能。... &lt;option value="/"&gt;/&lt;/option&gt; &lt;/select&gt; &lt;input type="number" id="n2"&gt; &lt;input type="button" onclick="aa()" value="="&gt; &lt;input type="text" id="res"&gt; &lt;/form&gt;

    图书管理系统.rar

    &lt;div class="edit" style="display: none"&gt; &lt;div class="edit-bg"&gt;&lt;/div&gt; ... &lt;p&gt;&lt;span&gt;图书编号:&lt;/span&gt;&lt;input type="text" name="id"&gt;&lt;/p&gt; &lt;p&gt;&lt;span&gt;图书名称:&lt;/span&gt;&lt;input type="text

    手机信息系统之增加信息

    手机信息的增加 &lt;%@ page language="java" import="java.util.*" pageEncoding="gbk"%&gt; ... &lt;input type="submit" value="添加"&gt; &lt;input type="reset"&gt; &lt;/form&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;

    微信小程序 购物车UI

    &lt;view class="body" &gt; &lt;view class="libox"&gt; &lt;view class="lidtbox"&gt; &lt;image src="/images/... &lt;input type="button" value="+" /&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;

    VB编写的计算器 供大家下载

    操作数1: &lt;input type=text name=num1&gt;&lt;br&gt; 操作数2: &lt;input type=text name=num2&gt;&lt;br&gt; &lt;p&gt; 选择你要进行的操作&lt;br&gt; &lt;input type=radio name=operation value="加" checked&gt;加&lt;br&gt; &lt;input type=radio name=operation...

    学生信息管理系统

    &lt;td&gt;&lt;input type="text" name="id"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;姓名&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="name"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;性别&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="sex"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;...

    ASP寻物系统

    &lt;input name="xm" type="text" id="xm" /&gt;&lt;br /&gt;&lt;br /&gt; 联系方式: &lt;input name="lxfs" type="text" id="lxfs" /&gt;&lt;br /&gt;&lt;br /&gt; 备 注: &lt;input type="text" name="bz" /&gt;&lt;br /&gt;&lt;br /&gt; &lt;input type=...

    ssd1 quiz3答案

    &lt;center&gt;Login Name:&lt;input type="text"&gt;&lt;/center&gt;&lt;br&gt; &lt;center&gt; Password:&lt;input type="password"&gt;&lt;/center&gt;&lt;br&gt;&lt;br&gt; &lt;center&gt;&lt;input type="submit" value="Done"&gt;&lt;/center&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;

    数据库课件 database

    挺详细的 是我们老师上课用的 &lt;html&gt; &lt;body&gt; &lt;table border cols = 3&gt; &lt;tr&gt; &lt;td&gt; A-101 &lt;/td&gt; &lt;td&gt; ...&lt;input type=text size=5 name=“number”&gt; &lt;input type=submit value=“submit”&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;

    ShippingLabelForm

    &lt;input type="text" name="ReceiverCityZip" /&gt; &lt;/label&gt; &lt;hr&gt; &lt;p&gt;shupping category&lt;/p&gt; &lt;p&gt; &lt;label&gt; &lt;input type="radio" name="destination" value="domestic-stamp.jpg" /&gt; Domestic&lt;/label&gt; &lt;/p&gt; &lt;p&gt;...

    一个简单的网页设计

    &lt;div class="oneline"&gt;&lt;input id="real" type="text" class="inputbox" maxlength="30" value='' /&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td class="right" valign="top"&gt;昵称:&lt;/td&gt; &lt;td&gt; &lt;div ...

    基于Struts+Hibenater

    &lt;td&gt;&lt;input type="text" name="username" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;密码:&lt;/td&gt; &lt;td&gt;&lt;input type="password" name="password" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;角 色:&lt;/td&gt; ...

    ASP经典百例-各种功能编程

    &lt;td&gt;&lt;INPUT TYPE=text NAME=username VALUE=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;密码:&lt;/td&gt; &lt;td&gt;&lt;INPUT TYPE=password NAME=password VALUE=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/Table&gt; &lt;INPUT TYPE=Submit VALUE=确认提交&gt; &lt;INPUT TYPE=...

    html总结文档

    2.input元素:&lt;input/&gt; 主要属性:name type value class type: text submit button radio checkbox hidden reset file password 3.文本框/密码框:&lt;input type="text"/&gt; &lt;input type="password...

    在线订餐系统基于Javawen

    &lt;td&gt;&lt;input type="text" name="loginName"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;密码:&lt;/td&gt; &lt;td&gt;&lt;input type="password" name="loginPass"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;用户类型:&lt;/td&gt; &lt;td&gt; &lt;select name="type"&gt; ...

    悬浮层效果

    &lt;li&gt;验证&lt;span class="letsp14"&gt;码&lt;/span&gt;:&lt;span style="padding-left:14px"&gt;&lt;input type="text" class="wid"/&gt;&lt;/span&gt;&lt;/li&gt; &lt;li&gt;看不清,换一张&lt;span style="padding-left:14px"&gt;&lt;span class="securityCode"&gt;7895...

Global site tag (gtag.js) - Google Analytics