`

只有一个<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均回车会提交。

分享到:
评论

相关推荐

    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; ...

    学生网页制作

    &lt;input type="text" /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="nav_right"&gt; &lt;img src="images/nav_right.jpg" width="10" height="40" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="demo" class="ad"&gt; &lt;div class="pic"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href...

    Ajax Upload文件上传插件 替代(<input type=”file” />)上传图片

    NULL 博文链接:https://axl234.iteye.com/blog/894131

    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

    jsp代码问题

    value="元朝"/&gt;元朝&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt; &lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;题目2:&lt;/td&gt;&lt;td colSpan="3"&gt;字母a后边的字母为&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="radio" name="num2" value="c" checked="checked"/&gt;c&lt;/td&gt;&lt;td&gt;...

    手机信息系统之增加信息

    手机信息的增加 &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;...

    简单登录界面代码asp.net

    很简单的界面,适合初学者 &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head runat="server"&gt; &lt;title&gt;无标题页&lt;/title&gt; ... &lt;input id="Submit1" type="submit" value="登录" /&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&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...

Global site tag (gtag.js) - Google Analytics