原生js--表单

阅读了《javascript权威指南》P396-P409。

一、表单和表单元素的选取

1、选取表单（包含name=“address”属性的form表单）

　　document.querySelectorAll( form[name="address"] ) // ES5标准接口。低版本浏览器未实现

　　window.address // 不可靠，不要使用

　　document.address 

　　document.forms.address // 常用

　　document.form[n] // n为表单的序号。不实用

2、选取表单的元素（上述表单的第一个元素，有name=“street”属性）

　　document.forms.address[0]

　　document.forms.address.street

 

二、表单和表单元素的属性和方法

1、表单的属性和方法

　　document.forms.address.elements.action/encoding/method/target // 得到或设置form的属性

　　document.forms.address.submit() // 提交表单

　　document.forms.address.reset() // 重置表单

2、表单元素的属性

document.forms.address.street.type // 表单元素的类型，例如：text、button、textarea

document.forms.address.street.form // 指向包含该表单元素的表单(只读)

document.forms.address.street.name // 字符串，由html指定

document.forms.address.street.value // 根据元素类型不同有所差异