梨啊梨
梨啊梨

表单脚本

在HTML中，表单时

元素来表示的，在JavaScript中，表单对应的是HTMLFormElement类型。

HTMLFormElement继承了HTMLElement，所以有相同的默认属性。

他的独特属性和方法：

acceptCharset：服务器能够处理的字符集

action：接受请求的URL

elements：表单中所有的控件集合

enctype：请求的编码类型

length：表单中控件的数量

method：要发送的Http请求类型，通常是“get”和“post”

name：表单的名称

reset（）：将所有表单域重置为默认值

submit（）：提交表单

target：用于发送请求和接受响应的窗口名称

获取方式：

① 通过id或者class

② var firstForm=document.form[0]       //通过这个方法可以取得页面中所有的表单，然后用索引的方式

提交表单

三种方式生成提交按钮：

提交表单时，浏览器会在将请求发送给服务器之前触发submit事件。这样就有机会验证表单数据，并决定是否允许提交表单。

阻止表单提交： 事件中调用preventDefault（）

提交表单：除了提交按钮，还可以用JavaScript中的submit（）方法（先获取表单）

关于重复提交表单：在第一次提交表单后禁用提交按钮，或者利用onsubmit事件处理程序取消后续的表单提交操作

重置表单

在重置表单时，所有表单字段都会恢复到页面刚加载完毕时的初始值，有默认值就默认值，无值就无值。

阻止重置表单：preventDefault（event）

重置表单：除了提交按钮，还可以用JavaScript中的form.reset（）方法（先获取表单）

表单字段

var form=document.getElementById("myForm");

var a=form.elements[0];     //访问表单中的第一个字段

var b=form.elements.length;    //获取表单所有字段的数量

var c=form.elements["color"];  //获取值为color的元素，如果有多个，则获取一个数组

1. 共有的表单字段属性

disable：布尔值，当前字段是否被禁用

form：指向当前字段所属的表单指针，只读

name：名称

readOnly：布尔值，表示当前字段是否只读

tabIndex：表示当前字段的切换tab

type：字段的类型

value：字段将提交给服务器的值

第一次单机提交按钮后，使按钮禁用：

要在submit事件触发后添加禁用，因为有的浏览器是先触发onclick再触发submit事件，有的则是先submit事件再onclick事件。（取得提交按钮，然后设置点击提交禁用）

2. 共有的表单字段方法

每个表单字段都有两个方法：focus（）和blur（）

HTML5新增了个，autofocus属性=focus（）

3. 共有的表单字段事件

blur     focus

change：对于input和textarea元素，在他们失去焦点且value值改变时触发，select元素在其选项获得焦点时触发

文本框脚本

两种方式表现文本框：单行文本和