访问form标签内元素的几种方法

首先,要访问form标签内的元素,我们必须先获得form标签:

var myForm = document.getElementById("formid");
// 或者用别的方式
// var myForm = document.forms[0];
// 这个是根据form序号的索引排列的,从0开始
// 我们还可以用form名字的方式来获取
// var myForm = document.forms["formName"];

 然后获取标签内元素:

var firstField = myForm.elements[0];
// 名字的方式
// var firstField = myForm.elements["firstFieldName"];
// var firstField = myForm.firstFieldName;
// var firstField = myForm["firstFieldName"];

 所有的表单字段(除了隐藏字段)读包含同样的特性、方法和事件:
1.disabled特性可用来获取或设置表单空间是否被禁用(被禁用的控件不允许用户输入,如果控件被禁用也会在外观上反应出来)。
2.form特性用来指向字段所在的表单。
3.blur()方法可以使表单字段失去焦点(将焦点移动到别处)。
4.focus()方法会让表单字段获取焦点(控件被选中以便进行键盘交互)。
5.当字段失去焦点时,触发blur事件,执行onblur事件处理函数。
6.当字段获取焦点时,触发focus事件,执行onfocus事件处理函数。

注:隐藏字段(hidden)只支持form特性