表单在DOM中由HTMLFormElement对象表示,该对象除了可以调用之前介绍的基本属性和方法外,还有几个常用属性和方法:
1、elements 集合:返回包含表单中所有元素的数组。
说明:(1)元素在数组中出现的顺序和它们在表单的HTML 源代码中出现的顺序相同。
(2)每个元素都有一个 type 属性,其字符串值说明了元素的类型。
(3)如果 elements[] 数组具有名称(input 标签的 id 或 name 属性),那么该元素的名称就是 formObject 的一个属性,因此可以使用名称而不是数字来引用 input 对象。
举例,假设 x 是一个 form 对象,其中的一个 input 对象的名称是 fname,则可以使用 x.fname 来引用该对象。
示例:
结果:
2、submit() :把表单数据提交到 Web 服务器。
示例:
有一点需要特别注意:使用getElementById或者节点关系获取到的节点,都是某个对应类的实例,所以该实例(对象)即可使用该类中的属性或者方法,比如通过document.forms[]或者getElementById(“formId”)获取一个form对象,该对象就是HTMLFormElement的实例,它当然可以使用该类中的属性和方法。
以下是不同类型的节点对应的类:DOM Body (对应body)、DOM Form (对应form)、DOM Frameset (frameset)、DOM IFrame (iFrame)、DOM Image (image)、DOM Input Button (button)、DOM Input Checkbox (checkbox)、DOM Input File(file)、DOM Input Hidden (hidden)、DOM Input Password (password)、DOM Input Radio (radio)、DOM Input Reset (reset)、DOM Input Submit (submit)、DOM Input Text(cell)、DOM TableRow (row)、DOM Textarea (textarea)。
上面的类在js手册或者W3School文档
上都有较详细解释,此处无法一一详解,用到的同学可以去查。右边是W3School文档菜单中列出的: