javascript表单

表单是那么重要，它是人机交互的借口，绝大多数的数据采集都要靠表单来完成。表单元素有很多，javascript提供了操纵表单元素的很多方法。下面一一介绍。

一:文本输入域<input type="text" />

<input type="text" id="username" name="username" value="默认值" size='10' maxLength="5"/>

var textnode = document.getElementById("username");

设置禁用：textnode.disabled = true;

取消禁用：textnode.disabled = false;

设置只读：textnode.readOnly = true;

取消只读：textnode.readOnly  = false;

聚集焦点：textnode.focus();

失去焦点：textnode.blur();

二:按钮<input type="button"/>

<input type="button" id="mybutton" value="单击我" onclick="show()"/>

var btnnode = document.getElementById("mybutton");

设置禁用：btnnode.disabled = true;

取消禁用：btnnode.disabled = false;

聚集焦点：btnnode.focus();

失去焦点：btnnode.blur();

三:单选按钮<input type="radio"/>

<input type="radio" name='sex' value='m' onclick="check(this.value)"/>男

<input type="radio" name='sex' value='f' onclick="check(this.value)"/>女

设置禁用：radionode.disabled = true;

取消禁用：radionode.disabled = false;

聚集焦点：radionode.focus();

失去焦点：radionode.blur();

四:下拉按钮<select>

<select id="myselect">
                <option value='1' slected>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
                <option value='4'>4</option>
</select>