Html中的form对象

form对象

一个<form>标记，就是一个form对象。

form对象的属性

• name：获取表单的名称，一般给JS使用。
• method：表单提交方法。
  
  • GET方式：数据在地址栏显示，不安全、传递数据量小、不能上传附件。
  • POST方式：相对安全、传递数据大、能上传附件。
• action：表单数据的处理程序。一般是后端程序文件。
• enctype：用于POST方式下，表单数据的编码方式。
  
  • application/x-www-form-urlenconde：默认
  • multipart/form-data：可以上传附件

form对象的方法

• submit():提交表单
• reset():重置表单

form对象的事件

• onsubmit：表单提交时发生。一般在表单数据传递到服务器之前。(表单验证多在此时)
• onreset：表单重置时发生。

表单中通过name属性找对象

• 通过name找对象，必须是document开头。
• 通过name找对象，必须要符合三层结构。
• 格式：document.formObj.elementObj
• 参数：formObj代表<form>对象name属性的值。
  elementObj代表<input>对象name属性的值。

---

---

事件的返回值

• 事件的返回值，会影响事件的默认动作。
• 如果事件返回值为false，则阻止默认动作执行。
• 如果事件返回true或空，则默认动作继续执行。
• 如果事件没有返回值，则默认动作执行。
• **受影响的事件有两个：onclick、onsubmit。
  其它事件的返回值，不会影响默认动作。**

//该函数返回false
//单击一下的连接，不会跳转网址，因为默认动作被阻止
<a href="www.baidu.com" onclick="return 函数名">跳转到百度</a>

input 对象

一个<input>标记，对应一个input对象

常用属性

• name : 表单元素的名称。
• value：表单元素的值。
• size ： 表单元素的宽度。
• maxLength ： 最多字符数。
• disabled：禁用属性。
• readonly：只读属性。
• ……

常用方法

• focus()获得焦点。
• blur()失去焦点。
• select()选择文本。

常用事件

• onfocus：当获得焦点时(即光标定位到输入框时)。
• onblur：当失去焦点时。
• onselect：当选择文本时。

select对象属性

• options[index]:可以访问到每一个<option>标记。
• selectedIndex：默认<option>的索引值。索引值从0开始编号。
• length：读取或设置<select>标记中<option>标记的个数。添加空的<option>标记。
• name：元素名称。

option对象属性

• text：指<option>和</option>之间的文本。
• value：指<option value = “值”>的value的值。