`
swingboat
  • 浏览: 61819 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

在IE下，页面只有一个text的时候，回车将自动submit。

IEJavaScriptWebHTML 
阅读更多
真是一个很怪的缺省操作啊！

 1<html>
 2<head>
 3<title>test</title>
 4<script language="javascript">
 5</script>
 6</head>
 7<body>
 8<form name="test" method="post" action="test.htm">
 9<input type='button' value='test' onclick="javascript:test()"> 
10<input type="text"   name="textfield"   class="input">
11</form>
12</body>
13</html>

运行上面的html文件，在text中输入内容，然后回车，这个页面将会自动提交表单。即使我在这个页面中增加file，checkbox，hidden等的控件，这个页面还是会自动提交。这是IE的一个缺省操作。如果想改变这个缺省操作，我们可以再增加一个text，然后隐藏这个text。

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer
分享到：
| 设置input的内容居中？
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    页面只有一个text的时候，回车自动submit的解决方法

    总结来说，解决“页面只有一个text时，回车自动submit”的问题，可以尝试通过监听键盘事件、阻止默认事件或添加隐藏文本输入框的方式实现。在实际开发中，应根据浏览器兼容性和项目需求选择最合适的方案。

    按回车键提交表单~~~~~

    在Web开发中，我们经常需要为用户提供更友好的交互体验，其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验，并且在很多场景下是非常实用的。 #### 代码解析： ```javascript ...

    网页中表单按回车就自动提交的问题的解决方案

    在网页设计中，表单是用户与服务器交互的重要组成部分，其中的一个常见问题是在表单内按下回车键会自动触发表单的提交。这在某些情况下可能会带来不便，例如用户可能意外地提前提交了未完成的表单。本文将详细讨论这...

    Form表单按回车自动提交表单的实现方法

    首先，当一个`&lt;form&gt;`表单中只有一个`&lt;input type="text"&gt;`标签时，按下回车键会自动触发表单的提交。这是因为浏览器的默认行为，它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交，可以采取以下两...

    点击回车提交表单，应用Java技术实现。

    在这个例子中，我们利用JavaScript来监听键盘事件，并在用户按下Enter键时自动提交表单。 ```javascript document.onkeydown = function (evt) { var evt = window.event ? window.event : evt; // 兼容IE和其他...

    javascript 回车键触发表单提交的问题

    如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。 如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。 其他表单元素如textarea、select...

    jquery禁止回车触发表单提交

    在网页开发中，用户在文本框中按下回车键通常会导致表单的自动提交，这在某些情况下可能不是我们期望的行为。例如，在一个搜索框中，如果用户按下回车，我们可能希望阻止默认的表单提交，而是执行自定义的查询逻辑。...

    Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法

    1. 监听键盘按下事件：首先需要在文档上绑定一个键盘按下事件，这样每当用户按下键盘上的任何一个键时，都会触发这个事件处理函数。在这里使用了`document.onkeydown`来实现。 2. 捕获Enter键：在事件处理函数中，...

    常用限制input的方法

    如果希望用户在按下回车键后不是立即提交表单，而是切换到下一个输入框，可以通过监听键盘事件实现这一功能。例如： ```html &lt;input type="text" onkeydown="if (event.keyCode == 13) event.keyCode = 9;" /&gt; ``` ...

    JAVASCRIPT验证大全

    - 在表单填写过程中，用户按下回车键时自动跳转到下一个表单项。 - 提升用户体验，减少鼠标操作。 **注意事项：** - `IsFireFox`变量用于判断当前浏览器是否为Firefox，以便适配不同的事件处理方式。 - 只有当...

    html入门到放弃笔记

    在一行内允许显示多个元素的，称为 "行内元素" span,i,b,s,u,sup,sub 作用：包裹文本，并处理文本的表现形式 2、块级元素 每个元素独占一行显示的，称为 "块级元素" div,p,h1,h2,h3,h4,h5,h6 作用：布局 ...

    03HTML基础.pdf

    它们通常需要name属性来保证同一组元素中只有一个被选中。 八、其他知识点 - HTML文档中，回车和换行并不直接被识别，需要使用特殊的标签或实体（比如 表示换行）。 - 为了更好地适应不同浏览器，编码声明是必须...

    js阻止默认浏览器行为与冒泡行为的实现代码

    1. 表单提交：在用户按下回车键时，若表单中的按钮类型为`type="submit"`，浏览器会自动提交表单。为了避免这种情况，可以在文本框的`onkeydown`事件中检测回车键（keyCode为13），并阻止默认的表单提交行为，然后...

    Selenium元素的常用操作方法分析

    Selenium是一个广泛应用于Web应用程序测试的自动化工具，它能够模拟真实用户的操作在不同的浏览器环境中执行测试脚本。Selenium支持多种主流浏览器，包括但不限于IE、Firefox、Safari、Chrome和Opera等。它主要的...

    javascript的键盘控制事件说明

    最后，我们来看一个更复杂的例子——使用键盘移动页面上的对象。这个例子会根据用户按下不同的键来调整对象的位置。 ```javascript function init() { if (ns4) block = document.blockDiv; if (ie4) block = ...

    60个实用的jQuery代码片段.pdf

    【jQuery基础】jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画制作和Ajax交互。以下是从60个实用jQuery代码片段中提取的知识点： 1. **选择器与过滤**：`filter()`方法允许根据指定条件筛选元素...

    js使用小技巧

    ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"&gt; 文本框的默认值 &lt;input type=text value="123" onfocus="alert(this.defaultValue)"&gt; title换行 obj.title = "123&#13sdfs&#32" ...

Magicbox
Global site tag (gtag.js) - Google Analytics