简单注册表单

简单注册表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简易注册表单</title>
    <style type="text/css">
        body{background:#a9a9a9;}
        form{background:#9380D8;width:400px;padding:10px;margin-top:10%;margin-left:35%;}
        button{padding:5px;border-radius:5px;}
        button:hover{padding:5px;background:lightgoldenrodyellow}
        input{padding:5px;background:#f8f8f8;}
        input:focus{padding:5px;background:#ffc0cb;}
    </style>
</head>
<body>
    <form action="">
    <fieldset>
        <legend>注册用户</legend>
            <p><label for="uuser1">账号：</label><input type="text" name="uuser1" id="uuser1" placeholder="账号" required="required"/></p>
            <p><label for="password1">密码：</label><input type="password" name="password1" id="password1" placeholder="密码" /></p>
            <p><label for="tel">电话号码：</label><input type="tel" name="tel" id="tel" placeholder="电话" /></p>
            <p><label for="email">电子邮件：</label><input type="email" name="email" id="email" placeholder="电子邮箱" /></p>
            <!--<input type="button" value="注册用户" />-->
        <button>注册用户</button>
    </fieldset>
    </form>
</body>
</html>

　　

posted @ 2017-03-01 17:24  wellwellrightbaby  阅读(644)  评论(0)    收藏  举报