from 对象的属性
- name:表单的名称,主要用来让 JS 控制表单;
- action:表单的数据处理程序(PHP文件或其他);
- method:表单的提交方式,取值:GET、POST;
- enctype:表单数据的编码方式;
from 对象的方法
- submit():提交表单,与 <input type="submit"/> 功能一样;
- reset():重置表单,与重置按钮功能一样;
from 对象的事件
- onsubmit:当单击提交按钮时,并在数据发往服务器之前发生。主要用来 在表单提交之前进行表单验证;
- onreset:当单击重置按钮时发生;
获取表单元素的方法
- 通过网页元素的 id 来获取对象
- document.getElementById(id)
- 通过 HTML 标签名来获取对象
- parentNode.getElementsByTagName(tagName)
- 通过 name 属性来获取表单元素对象(表单中所有元素的起点都必须是 document 对象)
- 语法:document.formObj.elementObj
- 参数:formObj 代表表单对象
elementObj 代表表单元素对象
input 对象的属性
- name:表单元素的名称;
- value:表单元素的值;(用户输入的内容,可以通过该属性来获取)
- size:表单的长度;
- maxlength:表单元素的最大长处(最多可输的字符数);
- disabled:禁用属性;
- readonly:只读属性;
input 对象的方法
- focus():获得焦点的方法;(定位光标)
- blur():失去焦点的方法;(移走光标)
- select():选中文本;
input 对象的事件
- onfocus:当获得焦点时;
- onblur:当失去焦点时;
再来点二级联动菜单吧。
二级联动菜单
select 对象属性
- options[]:设置或返回下拉列表中 <option> 标记构成的数组;
- selectedIndex:设置或选中指定 <option> 的索引号;
- length:指定下拉列表中 <option> 标记的个数;
- name:元素名称;
option 对象属性
- text:指 <option> 和 </option> 之间的文本;
- value:指 <option> 标记的属性;