表单和表单域操作.pdf

表单及其 单元素操作总结 一、获取 单元素 1.通过表单 id 属性 document.getElementById(formID);//dom 2.通过表单在表单集合中的索引 document.forms[formIndex]; //bom 3.通过表单 id 属性或name 属性直接访问 document.formName document.formID 二、访问 单域 （字段） 1.通过表单域 id 属性 document.getElementById(formID);//dom 2. 通过表单域所在的索引 frm.elements[eleIndex]; //可用于遍历表单域 3.通过表单域的 name 属性 frm.elements[name];//得到名为name 的表单域 4.通过表单域 id 属性或name 属性直接访问 frm.eleName;//直接用名称得到表单域 frm[ my name”];//得到name 值有空格的表单域 frm[eleIndex];//得到第几个表单元素 三、 单元素常用的属性和方法 disabled:是否可用，true 不可用,false 可用 form:得到表单 blur():使表单域失去焦点。 focus():使表单得到焦点。 blur 事件：失去焦点时触发，并调用onblur()函数。 focus 事件：得到焦点时触发，并调用onfocus()函数。 四、列 框、下拉框对象 列表框对象.options，得到所有option 选项的集合 listbox.options[optIndex].text;//获得文本 listbox.options[optIndex].value;//获得值 listbox.selected; //选项是否被选中,选中，返回true,否则，返回false P D F c r e a t e d w i t h p d F a c t o r y t r i a l v e r s i o n multiple=’multiple’设为多选。 五、复选框和单选钮 checked 属性:是否被选中,选中，返回true,否则，返回false click():模仿点击，会触发click 事件，改变选择状态。 对于复选框， 以进行遍历操作。 通过表单对象.name 值，可返回复选钮的集合(等同于getElementsByName()) 六、掌握 单验证的方式 1、阻止提交 form onsubmit=”return check()” 函数 check() 返回true,表示提交表单，否则，禁止提交表单 2 、表单提交 调用表单对象.submit()方法提交 七． 单常用操作范例 1.获取和设置文本域的内容 ：求和 fu