User.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
*{padding: 0px;margin: 0px ;}
ul,li{list-style: none}
ul{
border: 1px solid #282629;
}

    #head{
        width: 350px;
        height: 530px;
        background: #2a2529;
        margin: auto;
        border: 0px ;
        border-radius: 10px;
    }
    #head ul h3{
        color: white;
        font-size: 22px;
        margin-left: 35px;
        margin-top: 5px;
        font-family: Vrinda;
    }
    li.text{
       font-size: 13px;
        color: white;
        margin-left: 35px;
        margin-top: 8px;
        font-family: Vrinda;
    }
    .box input{
        width:220px;
        height: 20px;
        background: none;
        border: 1px solid #ffffff;
        border-radius: 30px;
        margin-left: 35px;
        margin-top: 5px;
        color:white;
    }



    li.button button{
        width: 216px;
        height: 17px;
        background:#f82503;
        margin-top: 15px;
        margin-left: 35px;
        border: 0px;
        border-radius: 10px;
        color: white;
    }


</style>

</head>
<body>
<div id="head">
<form action="userInfoServlet" method="post">
<ul>
<li class="head1"><h3>Register</h3></li>
<li class="text" >Username</li>
<li class="box"><input type="text" name="username"></li>
<li class="text" >Password</li>
<li class="box"><input type="password" name="password"></li>
<li class="text">Confirm your Password</li>
<li class="box"><input type="password" name="newpassword"></li>
<li class="text" >Name</li>
<li class="box"><input type="text" name="name"></li>
<li class="text" >Emall</li>
<li class="box"><input type="email" name="email"></li>
<li class="text" >Phone</li>
<li class="box"><input type="text" name="phone"></li>
<li class="text" >Role</li>
<li class="box"><input type="text" name="role"></li>
<li class="text" >Skin</li>
<li class="box"><input type="text" name="skin"></li>
<li class="button"><button type="submit">Register</button></li>
</ul>
</form>
</div>
</body>
</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • width: 65%;border: 1px solid #ddd;outline: 1300px solid #...
    邵胜奥阅读 4,894评论 0 1
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 1,564评论 0 0
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 3,208评论 0 11
  • 有一个朋友来电话问我学习易效能有什么体会。我先是一愣,忙问他怎么知道我有在学习,因为尽管叶老师说闷骚可耻,得瑟光荣...
    阳光滕君阅读 152评论 2 2
  • 027 营销一体化 | 销售效益与广告投放 今日要点 在互联网时代,越来越多的企业开始要求,原来分割的产品、营销和...
    曲菱歌阅读 215评论 0 1