操作表单
①获得和设置表单的值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获得和设置表单的值</title>
</head>
<body>
<form action="post">
<p>
<span>用户名:</span> <input type="text" id="username"/>
</p>
<p>
<span>性别</span>
<input type="radio" name="sex" value="man" id="boy">男
<input type="radio" name="sex" value="women" id="girl">女
</p>
</form>
<script>
var username=document.getElementById('username');
var boy=document.getElementById('boy');
var girl=document.getElementById('girl');
username.value;
username.value='123';
</script>
</body>
</html>
②表单提交验证
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单提交验证</title>
//md5加密包
<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>
<body>
<form action="http://www.baidu.com" method="post" onsubmit="return a()" >
<p>
<span>用户名:</span> <input type="text" id="username"/>
</p>
<p>
<span>密码:</span> <input type="password" id="input-password"/>
</p>
<input type="hidden" id="md5-password" name="password">
<button type="submit">提交</button>
</form>
<script>
function a(){
alert('ok');
var uname=document.getElementById('username');
var pwd=document.getElementById('input-password');
var md5pwd=document.getElementById('md5-password');
md5pwd.value=md5(pwd.value);
return true;
}
</script>
</body>
</html>