HTML 账号注册页面
来源:互联网 发布:汇率查询软件 编辑:程序博客网 时间:2024/03/29 14:04
使用CSS的选择器功能美化账号注册界面
HTML代码
<!doctype html><html><head><title>sign in</title><style>div{ background:#009FCC; font-size:24px; padding:5px; color:white;}form{ background: #F8F8FF ; border:#357FC4 solid 1px; color:#575454; width:400px; margin:20px auto; font-size:15px;}table{ margin:10px auto;}a{ text-decoration:none;}input[type="button"]{ background:#228B22; color:white; font-size:15px; font-weight:bold; width:120px; height:40px;}td:first-child{ text-align:right; padding:0 5px;}td:only-child{ text-align:center; font-size:12px;}span:before{ content:"* "; color:red;}input[type="text"]:read-only{ border:#888484 solid 2px; background:#888484; font-weight:bold; }input[type="text"]:hover{ background:#EFD9AC;}</style></head><body><form><div>注册账号</div><table> <tr><td><span>用户名</span></td><td><input type="text" name="user_name" /></td></tr> <tr><td><span>email</span></td><td><input type="text" name="user_email" /></td></tr> <tr><td><span>密码</span></td><td><input type="password" name="user_password" /></td></tr> <tr><td><span>确认密码</span></td><td><input type="password" name="user_confirm_password" /></td></tr> <tr><td>性别</td><td><input type="radio" id="male" name="user_sex" checked />男<input type="radio" id="female" name="user_sex" />女</td></tr> <tr><td>手机号码</td><td><input type="text" name="user_phone1" /></td></tr> <tr><td colspan="2"><input type="checkbox" checked/>我已看过并接受<a href="#">《用户协议》</a></td></tr> <tr><td colspan="2"><input type="button" name="submit" value="立即注册" /></td></tr></table></form></body></html>
web页面效果图
0 0
- HTML 账号注册页面
- HTML学习实践之账号注册页面
- 纯粹的使用html实现账号注册页面
- 抓取html页面,邮箱账号
- HTML注册页面代码
- 注册页面(html js)
- HTML注册页面代码
- html案例:注册页面
- 【HTML】淘宝注册页面
- html 简单注册页面
- html注册页面
- 登录注册页面html模版
- html注册失败跳转页面
- Html完整表单页面(注册)
- 注册账号
- HTML简单的用户注册页面
- HTML注册/招聘填写个人信息页面练习
- html+css+table实现注册页面设计
- H5访问手机相册与照相上传至服务器
- Win7 Cygwin搭建Cloud9 IDE环境
- Qt之学生信息管理系统(version:1.0)
- CS_Demo
- yolo-v2修改只识别person
- HTML 账号注册页面
- 寒假09:s01串、水仙花
- Spring2.5使用AOP时报错only available on JDK 1.5 and higher
- 微信小程序之八(用户登录)
- IO流_try...catch的方式处理异常1
- 生物信息学QuantumClone软件使用
- PAT BASIC LEVEL 1024. 科学计数法 (20)
- 1月13日中软的第二天
- 实时监控、直播流、流媒体、视频网站开发方案流媒体服务器搭建及配置详解:使用nginx搭建rtmp直播、rtmp点播、,hls直播服务配置详解