JavaScript中的Text,Radio,Checkbox,Select,Option对象

Text对象： Text对象代表HTML表单中的文本输入域。在HTML表单中每出现一次，Text对象就会被创建。
Text对象属性：
value：设置或返回文本域的value属性的值
readOnly：设置或返回文本域是否应是只读的，默认值为false
disabled：设置或返回文本域是否 应被禁用，默认值为false

<input type="text" name="wd"/>
<input type="button" value="百度一下" onclick="a()"/>
<script>
        var text=document.getElementsByTagName("input")[0];
        function a(){
            text.value="csdn";//调用text对象的value属性并赋值
            console.log(text.value);
            text.readOnly=true;//调用text对象的readOnly属性并赋值
            console.log(text.readOnly);
        }
</script>

Text对象的方法：
focus()：在文本域上设置焦点（即有光标闪动）
说明：Password对象和Textarea对象都有value属性，readOnly属性和diaabled属性，都有focus方法
Radio对象： Radio对象代表HTML表单中的单选按钮
Radio对象属性：
checked：设置或返回单选按钮的状态（其中选中为true,未选中为false）
value：设置或返回单选按钮value属性的值
disabled：设置或返回是否禁用单选按钮，其值为true时被禁用
Checkbox对象： Checkbox对象代表一个HTML表单中的一个多选选择框
Checkbox对象属性：
checked：设置或返回checkbox是否应被选中，当其值为true时被选中
value：设置或返回checkbox的value属性的值
disabled：设置或返回checkbox是否应被禁用
Select对象： Select对象代表HTML中的一个下拉列表
Select对象集合： options[ ]返回包含下拉列表中的所有选项的一个数组
Select对象属性：
length：返回下拉列表中的选项数目
selectedIndex：设置或返回下拉列表中被选中项目的索引号（从0到 . length-1）
disabled：设置或返回是否应禁用下拉列表
Select对象方法：
add()：向下拉列表添加一个选项
remove()：从下拉列表中删除一个选项
Option对象： Option对象代表HTML表单下拉列表中的一个选项
Option对象构造方法： Option(text,value)：通过text和value值创建Option对象
Option对象属性：
text：设置或返回某个选项的文本值
value：设置或返回被送往服务器的值
selected：设置或返回selected属性（即选中状态）的值，选中值为true，否则为false

<input type="radio" name="sex" value="1"/>男
<input type="radio" name="sex" value="2"/>女
<input type="checkbox" name="hobby" value="1"/>篮球
<input type="checkbox" name="hobby" value="2"/>足球
<input type="checkbox" name="hobby" value="3"/>排球
<input type="button" value="提交" onclick="test()"/>
<select id="grade">
        <option value="1">一年级</option>
        <option value="2">二年级</option>
        <option value="3">三年级</option>
</select>
<script>
        function test(){
            var radios=document.getElementsByName("sex");
            for(var i=0;i<radios.length;i++){
                    var a=radios[i];
                    console.log(a.checked+","+a.value+","+a.disabled);
            }
            var checkboxes=document.getElementsByName("hobby");
            for(var i=0;i<checkboxes.length;i++){
                    var a=checkboxes[i];
                    console.log(a.checked+","+a.value+","+a.disabled);
            }
            var select=document.getElementById("grade");
            var options=select.options;
            var num=select.selectedIndex;
            console.log("选中项的索引号为:"+num+"内容为:"+options[num].text);
            for(var i=0;i<select.length;i++){
                    var a=options[i];
                    console.log(a.selected+","+a.text+","+a.value);
            }
            var another=new Option("五年级","5");
            select.add(another);
            select.remova(2);
        }
</script>