反映在 DOM 中的同名表单元素

2023-12-25

如果您有多个具有相同内容的表单元素name在表格中,条目elements表单上的集合最终成为这些字段的集合(这很方便)。 DOM2 HTML 规范涵盖了elements收藏 http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479但当存在多个同名字段时,似乎并没有立即指定此行为。标准是否涵盖了该行为(DOM2 HTML 规范或其他规范中的其他地方)?

为了清楚起见,我并不是在问访问这些字段的最佳方式是什么。我想问的是,它们最终是否会出现在(不同类型的)收藏中?elements集合受标准管辖,如果有,是哪个标准。

例子 (实时复制 http://jsbin.com/ifudop/3):

HTML:

<form id="theForm">
<input type="text" name="foo" value="one">
<input type="text" name="foo" value="two">
</form>

JavaScript:

var form = document.getElementById("theForm"),
    foo = form.elements.foo,
    index;
console.log("typeof foo = " + typeof foo);
if (typeof foo !== "undefined") {
  console.log("Object#toString says: " + Object.prototype.toString.call(foo));
}
if ('length' in foo && 'item' in foo) {
  console.log("Looks like a collection of some kind:");
  for (index = 0; index < foo.length; ++index) {
    console.log(index + ": " + foo[index].value);
  }
}

示例输出(适用于 Chrome):


typeof foo = object
Object#toString says: [object NodeList]
Looks like a collection of some kind:
0: one
1: two  

我检查了 IE6、7、8 和 9、Firefox 4.0、Firefox 3.6、Chrome 12、Opera 11 和 Safari 5。它们都在elements某种集合(Chrome、Firefox 和 Safari 使其成为NodeList[虽然奇怪的是在 Safari 上typeof是“函数”而不是“对象”],IE 和 Opera 使其成为HTMLCollection,但他们都有length, item, and []使用权)。我只是想找到指定行为的标准(如果有的话)。


HTML5 规范草案(以及 WHAT-WG 版本)涵盖了它,在本例中,它似乎更多地是关于记录它始终如何工作,在以下部分下:HTMLFormControlsCollection (W3C ref http://www.w3.org/TR/html5/forms.html#dom-form-elements, 什么-WG 参考 https://html.spec.whatwg.org/#dom-form-elements):

如果有多个匹配项,则 [HTMLFormControlsCollection (W3C ref http://www.w3.org/TR/html5/infrastructure.html#htmlformcontrolscollection-0, 什么-WG 参考 https://html.spec.whatwg.org/#htmlformcontrolscollection) 返回包含所有这些元素的对象。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

反映在 DOM 中的同名表单元素 的相关文章

  • 使用 jquery 远程图像属性

    目前我正在尝试获取远程图像宽度 高度 我正在开发一个链接共享模块 就像当你在 Facebook 上粘贴链接时 你可以看到标题 描述和图像 所以我尝试使用 php getimagesize 来获取图像宽度 高度 但速度非常慢 所以我正在考虑使
  • Chart.js 在初始化时设置活动段

    我正在使用 Chart js v2 并且尝试在加载图表时模拟圆环图上某个段的 悬停状态 因此看起来有一个部分已突出显示 我已经搜索和梳理了代码一天 但找不到一个好的方法来做到这一点 提前致谢 设置片段的悬停样式有点令人困惑 因为它没有真正记
  • 使用 XPATH(和 PHP)从样式属性中选择背景 url

    我只想从此背景图像样式属性中选择 url 这可以通过 XPATH 实现吗 a href http www test com style background image none test a 我有类似的东西 url xpath gt qu
  • 为什么我的淘汰单选按钮在另一个具有点击绑定的元素内时会失败?

    我有一个单选按钮列表 我想要点击 li 他们还检查单选按钮 这一切都有效 直到我放了一个name单选元素上的属性 然后我的代码停止工作 我的代码如下所示 ul li li ul li
  • Eslint errorring 导入没有扩展名的 jsx

    我正在尝试在 es6 中导入 jsx 文件而不需要 jsx 扩展名 import LoginErrorDialog from LoginErrorDialogView Not import LoginErrorDialog from Log
  • Chrome 中的性能问题

    我目前正在从事一个相对较大的项目 使用 AngularJs 构建 应用程序的一部分是一个表单 您可以向其中添加任意数量的页面 不幸的是 添加了很多不必要的垃圾 即表示表单模型的对象可能会变得非常大 在某些时候 Chrome 基本上无法处理它
  • 如何将内联 JavaScript 与 Express/Node.js 中动态生成的内容分开?

    对于具有几年 Web 开发经验但没有找到答案的人来说 这是一个有点菜鸟的问题程序员堆栈交换 or Google 我决定在这里问一下 我在用Express网络框架Node js 但这个问题并不特定于任何 Web 框架或编程语言 以下是从数据库
  • 带有淘汰赛js的隐形recaptcha

    我正在完成隐形验证码 但我在实现它时遇到问题 谷歌开发人员页面中的代码显示它应该是这样的
  • 如何针对 Node.js 中发生的每个错误发送电子邮件?

    假设我的 node js 应用程序正在运行 如果出现错误 我的意思是所有错误 不仅仅是网络错误 如果出现错误 则很重要 我如何调用函数向我发送电子邮件 基本上 在我希望它写入 err out 之前 我希望向我发送一封电子邮件 我正在使用no
  • 隐藏 Div 的父级

    我只是想隐藏父divcomments section div class content content green div div div 我试过这个 document getElementById comments section pa
  • React-Redux:state.setIn() 和 state.set() 有什么区别?

    我见过使用setIn and set 在一些react redux代码中 state setIn state set 我在这里找到了一些文档https facebook github io immutable js https facebo
  • 有没有办法使用 Rspec/Capybara/Selenium 将 javascript console.errors 打印到终端?

    当我运行 rspec 时 是否可以让 capybara selenium 向 rspec 报告任何 javascript console errors 和其他异常 我有一大堆测试失败 但当我手动测试它时 我的应用程序正在运行 如果不知道仅在
  • 防止 iOS 键盘在 cordova 3.5 中滚动页面

    我正在使用 Cordova 3 5 和 jQuery mobile 构建 iOS 应用程序 我在大部分应用程序中禁用了滚动功能 但是 当我选择输入字段时 iOS 键盘会打开并向上滚动页面 我不想要这个功能 由于输入足够高 键盘不会覆盖它 我
  • 有没有办法在 onclick 触发时禁用 iPad/iPhone 上的闪烁/闪烁?

    所以我有一个有 onclick 事件的区域 在常规浏览器上单击时 它不会显示任何视觉变化 但在 iPad iPhone 上单击时 它会闪烁 闪烁 有什么办法可以阻止它在 iPad iPhone 上执行此操作吗 这是一个与我正在做的类似的示例
  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区
  • 在 Shopify 商店中嵌入 Vue 组件

    在产品页面中 我尝试显示自定义 Vue 组件 为简洁起见 该组件根据给定的产品 ID 显示 Firebase 数据库中的一些信息 我最初尝试将其制作为 Shopify 应用程序 以便我可以访问他们的 API 我实现了 OAuth 并且可以检
  • 如何用另一个响应替换窗口的 URL 哈希?

    我正在尝试使用替换方法更改哈希 URL document location hash 但它不起作用 function var anchor document location hash this returns me a string va
  • 从 FileReader 设置背景图像样式

    我正在寻找一种解决方案 允许我从文件上传输入中获取文件并通过设置 document body style backgroundImage 来预览它 以下代码用于在 Image 元素中显示预览 function setImage id tar
  • 使用 MongoDB 和 Nodejs 插入和查询日期

    我需要一些帮助在 mongodb 和 nodejs 中按日期查找记录 我将日期添加到抓取脚本中的 json 对象 如下所示 jsonObj last updated new Date 该对象被插入到 mongodb 中 我可以看到如下 la
  • 如何在react-highcharts中使用图表工具提示格式化程序?

    如何使用图表工具提示格式化程序 我正在使用高图表的反应包装器 我有这样的配置 const CHART CONFIG tooltip formatter tooltip gt var s b this x b each this points

随机推荐

  • PyOpenGL glutInit NullFunctionError

    我在 Win7 x64 机器上运行 Anaconda Python 2 7 并使用 pip install PyOpenGL PyOpenGL accelerate 在 Anaconda 命令行安装 PyOpenGL 我有一些使用 glut
  • Android 中的 Activity 之间传递数据

    如何在 Android 应用程序的 Activity 之间传递数据 在您当前的活动中 创建一个意图 Intent i new Intent getApplicationContext ActivityB class i putExtra k
  • Keras / Tensorflow 的 GPU 使用率低?

    我在配备 nvidia Tesla K20c GPU 的计算机上使用带有张量流后端的 keras CUDA 8 我正在训练一个相对简单的卷积神经网络 在训练期间我运行终端程序nvidia smi检查 GPU 使用情况 正如您在以下输出中看到
  • 主线程正在执行长时间运行的 Parse 操作

    我收到错误 正在主线程上执行长时间运行的 Parse 操作 在 warnParseOperationOnMainThread 上中断以进行调试 and 中断 warnParseOperationOnMainThread 进行调试 我无法在我
  • iOS5 + jquery-mobile 过渡闪烁

    我试图消除在 i OS 5 上运行时 jqmobile 转换上烦人的闪烁效果 我尝试了其他帖子中的几种方法 例如 webkit backface 并做了一些其他工作 但没有达到完整的解决方案 我观察到 在转换之前 由于导航栏从顶部移位一个像
  • R:将文本添加到绘图区域外右下角的绘图中

    我正在 baseR 中绘制多个图表 并尝试在绘图的右下角绘制文本 我尝试使用mtext 但这并没有给我想要的结果 你会怎么做 最终的想法是生成如下图所示的东西 我怎么能这样做呢 这是我用来生成绘图的代码 xy lt data frame N
  • 在现代 JavaScript 应用程序中使用 DOM Level 0 的最佳实践

    是否有一套商定的 最佳实践 来使用DOM 0 级集合 http www quirksmode org js dom0 html在现代 JavaScript 应用程序中 document forms document images etc 在
  • Haskell的mapM不懒吗?

    UPDATE 好吧 这个问题可能会变得非常简单 q lt mapM return 1 为什么这种情况一去不复返 mapM 不会懒惰地处理无限列表吗 下面的代码挂起 但是 如果我用 B 行替换 A 行 它就不会再挂起 或者 如果我在 A 行前
  • 模拟器:不兼容的 HAX 模块版本 3 需要最低版本 4

    问题出在哪里 模拟器 不兼容的 HAX 模块版本 3 需要最低版本 4 模拟器 未找到加速器 模拟器 未能初始化 HAX 参数无效 打开 SDK Manager 并更新 HAXM 工具 gt SDK 管理器 gt SDK 工具 gt Int
  • Paperclip:与邮箱宝石集成

    我在用着邮递员 https github com ging mailboxergem 我不知道如何将它与 Paperclip 消息类 一起使用 将 Paperclip 与 User 类一起使用是 class User lt ActiveRe
  • 找不到模块:无法解析reactjs中'node_modules\react-moment\dist'中的'moment'

    我已经安装了react moment npm i react moment 它安装在node modules目录中 并在package json文件中添加依赖项 每件事都是正确的 但是当我导入时 import Moment from rea
  • 使用 WHERE 子句中的两个字段对 MySQL 中两个表的分数求和

    I have two tables in MySQL I will call them grade7 and grade8 Both tables have all these fields StudentID FirstName Last
  • Pandas 数据框使用列作为行(融化)

    我知道 这个问题已经被问过好几次了 但我没有设法根据已经问过的问题构建我的解决方案 DF 我有 id country series name 2015 2016 2017 0 saudi fertility rate 1 2 2 1 sau
  • 如何在 Android Espresso 测试中捏合和缩放(手势)图像视图? [复制]

    这个问题在这里已经有答案了 我正在研究图像编辑应用程序的自动化 并使用 Android Espresso 作为框架 请指导我如何在 Android Espresso 测试中捏合和缩放 手势 图像视图 Espresso 中没有相应的方法 但您
  • PHP图像替换?

    我现在脑子一片空白 如果有人能和我讨论这个问题并提出建议那就太好了 我正在从数据库导入 URL 例如www mysite com images image1 jpg设置为变量newimage1 这是从数据库加载并放置在页面上的 由于这是一个
  • 具有 REST API 的开源作业调度程序

    是否有任何具有 REST API 的开源作业调度程序可供商业使用 它将支持以下功能 树状作业依赖关系 保持和释放 重新运行失败的步骤 并行性 如有帮助 将不胜感激 注意 我们正在寻找开源替代方案TWS http en wikipedia o
  • 不带扩展名的文件名[重复]

    这个问题在这里已经有答案了 在PHP中是否有任何方法可以获取上传到服务器的不带扩展名的文件名 我用的是 FILES file name 但它也返回扩展名 filename pathinfo FILES file name PATHINFO
  • 惯用的 Golang goroutine

    在 Go 中 如果我们有一个类型 它的方法启动某种循环机制 轮询 A 并永远执行 B 最好将其表达为 Run does stuff you probably want to run this as a goroutine func t Ty
  • 在Python中转换多个属性中的dict属性

    我有一个带有 dict 属性的类 如下所示 class MyClass def init self self mydict var1 value1 var2 value2 当我想获取值时 我必须这样做 cls MyClass print c
  • 反映在 DOM 中的同名表单元素

    如果您有多个具有相同内容的表单元素name在表格中 条目elements表单上的集合最终成为这些字段的集合 这很方便 DOM2 HTML 规范涵盖了elements收藏 http www w3 org TR DOM Level 2 HTML