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的值。