html+css小练习
来源:互联网 发布:ftp的默认端口 编辑:程序博客网 时间:2024/05/17 06:47
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用户注册页面</title>
<link rel="stylesheet" href="css/reg.css" type="text/css">
</head>
<body>
<h2 class="title">用户注册</h2>
<form method="post" name="form1" onSumbit="return check()">
<table class="default" align="center">
<tr><td class="item">姓名</td><td><input type="text" name="name"></td></tr>
<tr><td class="item">密码</td><td><input type="password" name="pw"></td></tr>
<tr><td class="item">确认密码</td><td><input type="text" name="pw2"></td></tr>
<tr><td class="item">性别</td>
<td><input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女</td></tr>
<tr><td class="item">职业</td>
<td><select size="1" name="career">
<option value="教育工作者">教育工作者</option>
<option value="公司职员">公司职员</option>
<option value="自由职业者">自由职业者</option>
<option value="其他">其他</option>
</select></td></tr>
<tr><td class="item">电话号码</td><td><input type="text" name="telephone"></td></tr>
<tr><td class="item">电子邮箱</td><td>
<input type="text" name="email" size="30">
</td></tr>
<tr><td class="item">兴趣爱好</td><td>
<input type="checkbox" name="fav" value="体育">体育
<input type="checkbox" name="fav" value="看书">看书
<input type="checkbox" name="fav" value="旅游">旅游
<input type="checkbox" name="fav" value="美食">美食
</td></tr>
<tr><td class="item">自我简介</td>
<td><textarea name="intro" rows="5" cols="30"></textarea></td>
</tr>
<tr><td colspan="2" align="center">
<input type="submit" value="注册" class="btn">
</td></tr>
</table>
</form>
</body>
<html>
<head>
<meta charset="utf-8" />
<title>用户注册页面</title>
<link rel="stylesheet" href="css/reg.css" type="text/css">
</head>
<body>
<h2 class="title">用户注册</h2>
<form method="post" name="form1" onSumbit="return check()">
<table class="default" align="center">
<tr><td class="item">姓名</td><td><input type="text" name="name"></td></tr>
<tr><td class="item">密码</td><td><input type="password" name="pw"></td></tr>
<tr><td class="item">确认密码</td><td><input type="text" name="pw2"></td></tr>
<tr><td class="item">性别</td>
<td><input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女</td></tr>
<tr><td class="item">职业</td>
<td><select size="1" name="career">
<option value="教育工作者">教育工作者</option>
<option value="公司职员">公司职员</option>
<option value="自由职业者">自由职业者</option>
<option value="其他">其他</option>
</select></td></tr>
<tr><td class="item">电话号码</td><td><input type="text" name="telephone"></td></tr>
<tr><td class="item">电子邮箱</td><td>
<input type="text" name="email" size="30">
</td></tr>
<tr><td class="item">兴趣爱好</td><td>
<input type="checkbox" name="fav" value="体育">体育
<input type="checkbox" name="fav" value="看书">看书
<input type="checkbox" name="fav" value="旅游">旅游
<input type="checkbox" name="fav" value="美食">美食
</td></tr>
<tr><td class="item">自我简介</td>
<td><textarea name="intro" rows="5" cols="30"></textarea></td>
</tr>
<tr><td colspan="2" align="center">
<input type="submit" value="注册" class="btn">
</td></tr>
</table>
</form>
</body>
</html>
body,table,td,input,select,textarea{
font-family:Tahoma,verdana,arial,helvetica,sans-serif;
font-size: 12px;
}
.title{
font-family: "微软雅黑";
font-weight: bold;
text-align: center;
color:#0000FF;
}
.default{
border: 1px solid #FFFFFF;
border-collapse: collapse;
width: 35%;
}
.default .item{
font-weight: bold;
color:#333333;
text-align: right;
vertical-align: top;
padding: 10pt;
}
.default td{
padding: 2px 5px 2px 5px;
height: 26px;
border: 1px solid #FFFFFF;
background-color: #F0F0F0;
}
.btn{
font-size: 9pt;
color: #003399;
border: 1px solid #93BEE2;
background-color: #E8f4FF;
cursor: hand;
width:60px;
height: 22px;
}
阅读全文
0 0
- html+css小练习
- 【小练习06】HTML+CSS--电影公告
- 【小练习06】HTML+CSS--教学大讲堂
- 【小练习04】HTML+CSS--医药健康小页面
- 【小练习05】HTML+CSS--淘宝商铺小页面
- html css练习
- HTML-CSS基础练习
- html&css练习表
- html&&css练习
- html页面小练习
- html css 小知识点
- HTML与CSS练习总结
- 练习html + css 中文网站
- #小练习 SGMLParser 解析 HTML
- 【HTML】小练习,复习巩固
- html+css小技巧收集!
- html+css小技巧收集
- html+css的小技巧
- 自然语言处理扫盲·第一天——自然语言处理的背景、应用、推荐资料
- NOIP算法每周过之 线段树 区间 区间修改 区间查值 模板
- Python常用工具安装
- pat 乙级 1050. 螺旋矩阵(25)
- Hibernate search使用示例(基础小结-注解方式)
- html+css小练习
- Delphi 下 TProgressBar的使用
- Android中四大组件之Activity(一)
- VS2015 C#连接MySQL
- JSP基本语法
- Elasticsearch 默认分词器和中分分词器之间的比较及使用方法
- 洛谷P1119灾后重建
- Layui 中使用vaildate 报错 $(#form).validate is not a function
- mui.toast样式风格及位置修改教程