1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5 <title>form操作
</title>
6 <script type="text/javascript" src="test01.js"></script>
7 </head>
8 <body>
9 <form method="post" id="myForm">
10 <ul>
11 <li><input type="radio" name="color" value="red" />Red
</li>
12 <li><input type="radio" name="color" value="green" />Green
</li>
13 <li><input type="text" name="color" value="blue" />Blue
</li>
14 </ul>
15 </form>
16 </body>
17 </html>
1 window.onload =
function() {
2 var form = document.getElementById('myForm'
);
3 var field = form.elements[0
];
4
5 //修改value属性
6 field.value = "Another value"
;
7 console.log("field.value: " +
field.value);
8
9 //检查form属性的值
10 console.log(field.form ===
form);
11
12 //把焦点设置到当前字段
13 form.elements[2
].focus();
14
15 //禁用当前字段
16 form.elements[1].disabled =
true;
17
18 //修改type属性
19 field.type = "checkbox"
;
20 };
转载于:https://www.cnblogs.com/qzsonline/archive/2012/06/03/2532656.html
