JavaScript基础之共有的表单字段属性
之前，我们介绍过：javascript共有的表单事件一文，今天介绍下javascript共有的表单字段属性，供大家学习参考。
除了<fieldset>元素之外，所有表单字段都拥有相同的一组属性。
由于<input>类型可以表示多种表单字段，因此有些属性只适用于某些字段，但还有一些属性是所有字段共有的。
javascript表单字段共有的属性和方法：
form：指向当前字段所属表单的指针；只读。
name：当前字段的名称。
readOnly：布尔值，表示当前字段是否只读。
tabIndex：表示当前字段的切换（tab）序号。
type：当前字段的类型，如“checkbox”、“radio”，等等。
value：当前字段将被提交给服务器的值。对文件字段来说，这个属性是只读的，包含着文件在计算机中的路径。
除了form属性之外，可以通过JavaScript动态的修改其它任何属性。
例子：
var field = form.elements[0];
//修改value属性
field.value = "Another value";
//检查form属性的值
alert(field.form === form); //true;
//把焦点设置到当前字段
field.focus();
//禁用当前字段
field.disabled = true;
//修改type属性（不推荐，但对<input>来说是可行的）;
field.type = "checkbox";
能够动态修改表单字段属性，则可以在任何时候，以任何方式来动态操作表单。
例如，很多用户可能会重复单击表单的提交按钮。
在涉及信用卡消费时，这就是个问题：因为会导致费用翻倍。
为此，最常见的解决方案，就是在第一次单击后就禁用提交按钮。
只要侦听submit事件，并在该事件发生时禁用提交按钮即可。
例子：
EventUtil.addHandler(form, "submit", function (event) {
event = EventUtil.getEvent(event);
var target = EventUtil.getTarget(event);
//取得提交按钮
var btn = target.elements["submit-btn"];
//禁用它
btn.disabled = true;
});
以上代码为表单的submit事件添加了一个事件处理程序。
事件触发后，代码取得了提交按钮并将其disabled属性设置为true。
注意，不能通过onclick事件处理程序来实现这个功能，原因是不同浏览器之间存在“时差”：有的浏览器会在触发表单的submit事件之前触发click事件，而有的浏览器则相反。对于先触发click事件的浏览器，意味着会在提交发生之前禁用按钮，结果永远都不会提交表单。
因此，最好是通过submit事件来禁用提交按钮。
不过，这种方式不适合表单中不包含提交按钮的情况；如前所述，只有在包含提交按钮的情况下，才有可能触发表单的submit事件。
除了<fieldset>之外，所有的表单字段都有type属性。
对于<input>元素，这个值等于HTML特性type的值。
对于其它元素，这个type属性的值如下图所示：
您可能感兴趣的文章：
JavaScript基础之共有的表单字段属性
解析JavaScript共有的表单事件
探讨JavaScript的选择框脚本
JavaScript共有的表单字段方法
jquery 指南/入门基础
JavaScript编程基础(13)-框架编程
深入javascript——构造函数和原型对象
HTML5表单的属性有哪些？
HTML5 Web Worker的介绍（附示例）
[javascript 学习笔记] 1. 面向对象