原生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 // 根据元素类型不同有所差异

  

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。