JavaWeb注册表单案例(CSS)
Posted Spectre不停
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaWeb注册表单案例(CSS)相关的知识，希望对你有一定的参考价值。
效果图
<html lang="en"><head><meta charset="UTF-8"><title>注册表单</title><style>*{margin: 0px;padding: 0px;box-sizing: border-box;}body{background: url("img/test2.jpg") ;}.rg_layout{width: 900px;height: 500px;border: 8px solid aliceblue;background-color: pink;/*margin: 500px;*/margin-left: 150px;margin-top: 150px;}.rg_left{float: left;}.rg_center{float: left;margin-top: 25px;}.rg_right{float: right;}.rg_left > p:first-child{color: skyblue;font-size: 20px;margin: 15px;}.rg_left > p:last-child{color: #A6a6a6;font-size: 20px;margin: 15px;}.rg_right p:first-child{font-size: 15px;margin: 20px;}.td_left{width: 100px;text-align: right;height: 45px;}.td_right{padding-left: 30px;}#username,#password,#email,#name,#tel,#birthday,#checkcode{width: 250px;height: 30px;border: 1px solid #A6a6a6;border-radius: 5px;padding-left: 10px;}#btn_sub{width: 150px;height: 40px;background-color: #FFD026;border: 1px solid pink;}</style></head><body><div class="rg_layout"><div class="rg_left"><p>新用户注册</p><p>USER REGISTER</p></div><div class="rg_center"><div class="rg_form"><form action="#" method="post"><table><tr><td class="td_left"><label for="username">用户名</label></td><td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td></tr><tr><td class="td_left"><label for="password">密码</label></td><td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td></tr><tr><td class="td_left"><label for="email">Email</label></td><td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td></tr><tr><td class="td_left"><label for="name">姓名</label></td><td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td></tr><tr><td class="td_left"><label for="tel">手机号</label></td><td class="td_right"><input type="tel" name="tel" id="tel" placeholder="请输入手机号"></td></tr><tr><td class="td_left">性别</td><td class="td_right"><input type="radio" name="gender" value="man">男<input type="radio" name="gender" value="woman">女</td></tr><tr><td class="td_left"><label for="birthday">出生日期</label></td><td class="td_right"><input type="date" name="birthday" id="birthday"></td></tr><tr><td class="td_left"><label for="checkcode">验证码</label></td><td class="td_right"><input type="text" id="checkcode" name="checkcode"></td></tr><tr><td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td></tr></table></form></div></div><div class="rg_right"><p>已有账号？<a href="#">立即登录</a></p></div></div></body></html>
以上是关于JavaWeb注册表单案例(CSS)的主要内容，如果未能解决你的问题，请参考以下文章