论坛

标题: 作业 [打印本页]

作者: 爰昔 时间: 2016-12-14 12:29
标题: 作业
本帖最后由爰昔于 2016-12-14 14:20 编辑

[attach]76155[/attach]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
#top {
height: 30px;
width: 100%;
background-color: rgba(255,51,0,0.5);
font-family: "方正大黑简体";
font-size: 18px;
color: rgba(255,255,255,1);
padding-top: 70px;

padding-bottom: 10px;
margin-top: 0px;
background-position: center top;
vertical-align: text-top;
display: block;
text-align: center;
}
body {
font-family: "微软雅黑", "华文细黑";
font-size: 12px;
background-image:
; background-image: url(images/83-1.jpg);
line-height: 30px;
background-repeat: no-repeat;
background-position: center top;
color: rgba(51,51,51,1);
}

.font01 {
font-weight: bold;

}
#reg form ul li {
height: 35px;
list-style-type: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: rgba(255,255,255,1);
line-height: 40px;
}
#yhm, #mm, #qrmm, #zjlb, #zjhm, #email, #yzm {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgba(51,51,51,1);
border-top-style: none;
border-right-style: none;
border-left-style: none;
width: 200px;
background: none;
}
#reg {
height: auto;
width: 600px;
background-color: rgba(255,255,255,0.3);
margin-top: 30px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 30px;
border: 1px solid rgba(255,255,255,1);
}

#btn {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
</style>
</head>

<body>
<div id="top">新用户注册</div>
<div id="reg">
<form>
<ul>
<li>

<label for="yhm" class="font01">-用  户  名：</label>
<input type="text" name="yhm" id="yhm" />
英文字母和数字组成，长度4-20个字符</li>

<li> <label for="mm" class="font01">-密      码：</label>
<input type="password" name="mm" id="mm" />
  长度6-20个字符，可以由英文字母、数字组成，不得使用空格</li>

  <li>  <label for="qrmm" class="font01">-确认密码：</label>
<input type="password" name="qrmm" id="qrmm" />
  再次输入用户密码</li>

<li><label for="zjlb">
<span class="font01">-证件类别：</span></label>
<select name="zjlb" id="zjlb">
   <option>身份证</option>
   <option>学生证</option>
   <option>军官证</option>
   <option>其他证件</option>
</select></li>

<li> <label for="zjhm" class="font01">-证件号码：</label>
<input type="text" name="zjhm" id="zjhm" />
  证件号码用于密码查询，请如实填写</li>

<li> <label for="email" class="font01">-电子邮箱：</label>
<input type="email" name="email" id="email" />
用于接收各种信息以及密码找回服务
<li> <span class="font01">-性          别：</span>
   <label>
   <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_0" />
   男</label>

<label>
      <input type="radio" name="RadioGroup1" value="单选" id="RadioGroup1_1" />
      女</label></li>
<li>
   <label for="yzm" class="font01">-验  证  码：</label>
   <input type="text" name="yzm" id="yzm" />

  <li>
   <div id="btn">
   <input type="image" name="tjan" id="tjan" src="images/83-2.png" />
   </div>
   </ul>
</form>
</div>
</body>
</html>

作者: 潜意式 时间: 2016-12-14 18:44
效果很赞，知识点都掌握啦，继续往后面学习即可。

作者: 荷之韵 时间: 2016-12-14 19:04
挺好的，亲多多练习，继续加油哈！

欢迎光临论坛 (http://bbs.qinxue.com/)