input 标签的id 和name 不能为submit！

最新推荐文章于 2021-06-30 22:09:44 发布
最新推荐文章于 2021-06-30 22:09:44 发布
阅读量1.6k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/cooljiansir/article/details/9257447
本文深入解析了一个看似简单的HTML表单元素，其中包含了一个名为'submit'的按钮及其背后的JavaScript事件监听机制。通过分析，揭示了在触发事件时，为何会出现警报但实际操作并未生效的情况，并提供了解决方案。

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

好神奇的一个问题：

<form action="ooxx" method="post" name="xxoo" id="xxoo">

<input type="text"/>

<input type="button" id="submit" name="submit" onclick="OnClick()"/>

</form>


<script language="javascript">

function OnClick(){

alert("准备提交");

document.xxoo.submit();

}

</script>


虽然alert了,但是没有反应........把input的id和name改为不是submit的其他名字~

zhi_jian
关注
「HTML和CSS入门指南」input 标签详解
a451319296的博客
12-12 1152
HTML的标签是用于创建表单中用户输入控件的基本元素。它有多种类型和属性可供使用，例如文本框、密码框、复选框、单选按钮、提交按钮等。此外，我们还可以通过内置验证器或自定义JavaScript函数对表单进行验证。学习如何使用标签可帮助您在网站中创建强大和交互式的用户界面，并为您的Web设计提供一个坚实的基础。
表单提交中的input、button、submit的区别
weixin_30376163的博客
12-29 2531
　　最近项目中用了很多的表单提交，发现input、button、submit甚至回车键都可以引发表单提交，下面将分别验证他们在使用中的区别。 1.input[type=submit] 我们直接来看例子： 代码如下： <form> <input name="name"> <input type="submit" value=...
form表单杜绝将id设置为id="submit"
ljj2312的专栏
12-07 1520
开发中遇到很多次form表单提交无响应，提交表单不向后台发送请求，最终结果都是form表单中提交按钮、隐藏域、输入框等的ID设置为id="submit"。这个问题很隐蔽，不容易发现，所以最好的办法就是杜绝id属性赋值为“submit”。         我的项目代码： ... submit" type="submit" value="提交">
<input type="submit" name="Submit" value="提交" />添加网站跳转的两种方式小结
budaoweng0609的博客
01-30 1万+
两种方法：一种是 本身在一个form表单里面，添加action就可以，比如,像这样子，另外一种很少使用在submit属性的按钮上，不过不是不行，你可以添加一个onclick，比如window.location.href='index.html'” value="提交" /> 此种方法要注意意看清引号的问题别搞错了 例如： name: passwor
仅仅因为提交按钮的name＝'submit'引起的bug
weixin_33857230的博客
02-22 205
2019独角兽企业重金招聘Python工程师标准>>> ...
不要给你的input元素设置“action”或“submit”
fendouzhe123的专栏
05-22 2153
大多数的浏览器都有一个严格意义上来说不能算作bug的bug。
css基础3属性，伪类，集合选择器
zh994990183的博客
08-14 215
选中元素name属性为sumit的标签 选中元素input属性为login的标签 <style> input[name=submit]{ width: 100px; height: 30px; } input[name=login]{ width: 300px; height: 30px; ...
input标签里面的name与value的区别
09-28
input标签中的name、value和id三个属性是最重要的，它们之间有着紧密的联系，但是在功能和使用上也有着很大的区别。 首先，id属性是input标签的唯一标识符，不允许有重复值（类似数据表的主键，pk），可以通过它的...
input标签中的id和name的区别
seven_777_six的博客
06-30 871
可 以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复 的。 上周我也遇到了ID和Name的问题，在页面里输入了一个input type="hidden"，只写了一个ID='SliceInfo'，赋值后submit，在后台用 Request.Params["SliceInfo"]却怎么也去不到值。后来恍然
input中id和name属性的区别示例介绍
12-12
做网站很久了，但到现在还没有搞明白input中name和id的区别，最近学习jquery，...上周我也遇到了ID和Name的问题，在页面里输入了一个input type="hidden"，只写了一个ID=’SliceInfo’，赋值后submit，在后台用Request
当input标签name属性为submit时对表单的影响
在路上
01-20 4299
当input标签name属性为submit时对表单的影响
在 input type="submit" 按钮中添加事件
热门推荐
HappierRaining
10-24 2万+
如下代码，可以直接在&lt;input type="submit" ..&gt;中添加onclick事件。用户点击"submit"按钮后会触发两个操作：一是提交表单到后台服务器。二是触发onClick事件调用我自己定义的upLoadData()函数。 ​ &lt;form action="http://127.0.0.1:5000" method="post" &gt;
认真研究下HTML之id、name、form、submit
weixin_33875564的博客
01-25 278
#起因 同事希望在提交之后关闭父窗口，但是，始终没有提交请求发出。他的代码大概如下： // &lt;form id='f' action=... // &lt;button onclick='fun()'&gt;... fun(){ $('#f').submit(); window.parent.close(); } 运行结果是，“直接关闭，没有提交”。 在建议他用Ajax...
html submit修改名称,HTML Input Submit name用法及代码示例
weixin_36462094的博客
06-04 2121
HTML DOM中的输入提交名称属性用于设置或返回提交字段的名称属性的值。每个输入字段都需要name属性。如果未在输入字段中指定name属性，则将根本不发送该字段的数据。用法:它返回输入提交名称属性。submitObject.name它用于设置输入提交名称属性。submitObject.name = name属性值：它包含定义提交字段名称的单个值名称。返回值：它返回一个字符串值，代表提交字段的名称...
input中id和name属性的区别
why568310613的博客
01-16 8832
input中id和name属性的区别 做网站很久了，但到现在还没有搞明白input中name和id的区别，最近学习jquery，又遇到这个问题，就在网上搜集资料。看到这篇，就整理出来，以备后用。 可 以说几乎每个做过Web开发的人都问过，到底元素的ID和Name有什么区别阿？为什么有了ID还要有Name呢?! 而同样我们也可以得到最classical的答案：ID就像是一个人的身份证号码，而Name...
当只有一个input的时候按回车键时，input会默认提交表单
09-03 1万+
原本笔者是想练习一下输入提示这个功能的，在写这个小例子的时候确发现了一个很奇怪的事，如下： 我是想实现如下图的功能： 在输入框输入字符，匹配显示包含输入字符的记录，按上下键可以从结果中选择，本想在结果上点击回车键就选中此记录的，但在只有一个的情况下按下回车键居然会直接提交表单了，笔者水平有限，知其然而不知其所以然，只知道如果加多一个标记就不会提交表单，这里希望得到高手们的详细解释。
input中id和name的区别
最新发布
04-03
在HTML表单元素 `<input>` 中，`id` 和 `name` 是两个常用的属性，它们有不同的用途： ### 1. **id** - **作用**：`id` 属性用于唯一标识页面中的某个特定元素。每个 HTML 元素只能有一个唯一的 `id` 值，并且在整个文档中不可重复。 - **应用场景**： - 结合 CSS 或 JavaScript 使用，可以对指定的元素进行样式修改或动态操作。 - 比如通过 `document.getElementById()` 方法获取并操纵该 DOM 元素。 示例： ```html <input type="text" id="uniqueId"> ``` --- ### 2. **name** - **作用**：`name` 属性主要用于将输入字段的数据提交到服务器时作为键名使用。它表示的是表单项的名称，在数据传输过程中会被当作参数名发送给后台程序处理。 - **应用场景**： - 表单提交时，浏览器会把所有带 `name` 的控件及其值组成键值对传递给服务端。 - 对于复选框 (`checkbox`) 等需要分组使用的组件来说尤为重要。 示例： ```html <form action="/submit" method="post"> <input type="text" name="username"> <!-- 提交后的key是 "username" --> <button type="submit">Submit</button> </form> ``` --- ### 主要区别总结 | 特性 | ID | NAME | |----------------|-------------------------------------|-------------------------------------| | 标识范围 | 页面内全局唯一 | 同一表单内部有效 | | 功能 | 客户端脚本选择器、定位 | 数据绑定及向服务器发送数据 | 如果只是想控制前端样式的显示隐藏等情况可以选择设置ID；而如果是涉及到用户信息采集并且准备传回后台数据库存储分析则应该合理规划好各个字段对应的NAME命名规则以便后续解析维护方便快捷高效准确无误地完成整个流程任务！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值