首先,要访问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特性