from表单及input对象

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> 标记的属性；

转载于:https://www.cnblogs.com/wq-code/p/6631823.html