【笔记】 《js权威指南》- 第15章 脚本化文档 - 15.9 HTML表单

1.form表单元素的常用输入元素：





2.选取表单和表单元素：

var fields = document.getElementById("address").getElementsByTagName("input");
document.querySelectorAll('#shipping input[type="radio"][name=""method]');
document.address;
document.forms.address;

Form对象本身类似于HTMLCollection集合：

//表单的第一个元素
document.forms.address[0];
//表单的一个元素如果name是street
document.forms.address.street;
document.address.street;

更明确的使用方法：

document.forms.address.elements[0];
documnet.forms.address.elements.street;

name属性在表单中更为常用。

如果获取name时结果有多个，那么返回一个类数组对象。

var methods = document.forms.shipping.elements.method;

3.表单和元素的属性：

(1). 表单提供submit方法用于提交数据，提供reset方法重置数据；

(2).action, encoding, method,target属性定义如何与服务器传输数据和如何显示；

(3).上面提到的elements属性；

(4). 一些通用的属性：



4.表单元素的事件处理：

(1). onsubmit只能通过单击提交按钮触发，如果返回false那么不会执行submit操作；

(2). 同理onreset;

(3). 事件处理函数中的关键字this是触发该事件的元素的一个引用。

(4). 通过return false中断响应函数。

5.文本域：

(1). <input type="file"> ：一个文本域后面跟随一个打开浏览的按钮；

(2). 文本输入元素定义了3种键盘响应：onkeypress,onkeydown,okeyup。