运用HTML5表单元素制作一个简单的网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、

运用HTML5表单元素制作一个简单的网页,内容包括:用户名输入、密码输入、二次密码确认、邮箱输入、关键字搜索、进入网页用户名输入框自动获取光标、可以对各种输入框进行优化,急求完整代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
</head>
<body>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
 alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-06-17

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="">
密码:<input type="password" name="" id="">
</form>
</body>
</html>

相似回答