HTML表单元素总结

1. input元素，type不同，表现形式也不同

　　type="radio"时，两个input要使用相同的name才能关联起来，如:

　　<input type="radio" name="sex" id="male"><label for="male">male</label>

　　<input type="radio" name="sex" id="female"><label for="female">female</label>

 

2. select和option，通常首个选项会被默认选中，也可以在某个option的开始标签中写入'selected'来指定该选项被默认选中

3. textarea和button

 

4. 让表单内容只读：

js：onfocus="this.blur()；"

支持点击事件：readonly readonly="true" readonly="false" readonly=""

不支持点击事件：disabled disabled="true" disabled="false" disabled=""

以上3种模式都可以使用js来改变表单元素的值

 

5. radio和checkbox被选中，有下列四种方法：

checked  checked="true"  checked="false"  checked=""

 

document.getElementById("test").setAttribute("disabled"，false)；不能取消表单内容的不可修改属性

$("#test").prop("disabled"，false)；或$("#test").attr("disabled"，false)；就能取消表单内容的不可修改属性

document.getElementById("test").getAttribute("disabled")

 

<input type="text" checked="true" id="hhh" class="ggg">

可以使用document.getElementsByTagName("input")[0].checked

或document.getElementById("hhh").checked

或document.getElementsByClassName("ggg")[0].checked来获取checked属性的值

但不能通过document.getElementsByTagName("input")[0].checked = "bbb"来设置或者修改checked属性，后面的两个也不行