人性化表单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script type="text/javascript">
function $(str){
return(document.getElementById(str));
}
function check_submit(){
if($("txt_admin").value==""){alert("请填写用户名");return(false);}
if($("txt_pass").value==""){alert("请填写密码");return(false);}
if($("txt_pass_confirm").value==""){alert("请再次填写密码");return(false);}
}
function mover(){
event.srcElement.focus()
event.srcElement.select()
}
function clickr(){
if(event.srcElement.value=="[请输入用户名]")event.srcElement.value="";
}
function mblur(){
if(event.srcElement.value=="")event.srcElement.value="[请输入用户名]";
}
</script>
</head>
<body>
<form action="" method="" onsubmit="check_submit()">
用户名：
<p><input id="txt_admin" onmousemove="mover();" onclick="clickr();" onmouseout="mblur();" type="user" value="[请输入用户名]" /></p>
密码：
<p><input id="txt_pass" onmousemove="mover();" type="password" value="测试" /></p>
重复密码：
<p><input id="txt_pass_confirm" onmousemove="mover();" type="password" value="测试" /></p>
<p><input type="submit" value="提交" /></p>
</form>
</body>
</html>