首页 / JAVASCRIPT / Javascript-为什么不能通过名称为“ submit”的按钮提交HTML表单？

Javascript-为什么不能通过名称为“ submit”的按钮提交HTML表单？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript-为什么不能通过名称为“ submit”的按钮提交HTML表单？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含907字，纯文字阅读大概需要2分钟。

内容图文

我正在尝试提交HTML表单,

<form action="go.php">
    <input id="I" type="button" name="submit" value="Go" onclick="this.form.submit()"/>
</form>

上面的代码失败,但是例如,如果我将按钮的名称更改为其他名称,

<form action="go.php">
    <input id="I" type="button" name="bt" value="Go" onclick="this.form.submit()"/>
</form>

有用.为什么？两者有什么区别？

解决方法:

表单中具有“名称”属性的交互式元素在DOM图中与表单DOM节点相关联,作为该节点的属性.属性名称取自交互式元素上的“名称”属性.

因此,如果通过开发人员控制台查看表单节点,您将看到与输入元素,按钮,文本区域,选择等相对应的属性.

<form id=myform>
  <input name=sometext value="hello world">
</form>

那么这将通过JavaScript工作：

var f = document.getElementById("myform");
alert(f.sometext.value); // "hello world"

当您使用与表单DOM节点上的其他有用属性发生冲突的名称(例如“提交”)时,这种奇怪的行为会导致问题.通过名称“ submit”对按钮的引用已覆盖对表单节点“出生”时存在的“ submit”功能的引用.

内容总结

以上是互联网集市为您收集整理的Javascript-为什么不能通过名称为“ submit”的按钮提交HTML表单？全部内容，希望文章能够帮你解决Javascript-为什么不能通过名称为“ submit”的按钮提交HTML表单？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/680281.html

来源：【匿名】