标签：value password ali name black pad 保密 BMI 技术分享
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.one{
width: 400px;
height: 460px;
background: gainsboro;
<!--四边50px居中-->
margin: 50px auto;
padding: 20px;}
.two label {
<!-- 设置边框宽度,然后左浮动 ,在设置右对齐.可以把选择的内容一起对齐-->
float: left;
width: 80px;
text-align: right;
}
h3{
height: 50px;
width: 390px;
border-bottom: 1px solid black;
margin: 0;
line-height: 50px;
padding-left: 10px;
}
.three input {
width: 240px;
height: 24px;
}
.four textarea{
width: 240px;
height: 100px;
}
.over input {
width: 100px;
height: 24px;
}
.over {
padding-left: 80px;
}
textarea {
resize: none;
}
</style>
</head>
<body>
<div class="one">
<form>
<h3>注册表单</h3>
<div class="two">
<div class="three">
<p>
<label>姓名:</label>
<input type="text" name="user" />
</p>
<p>
<label>密码:</label>
<input type="password" name="pwd" />
</p>
</div>
<p>
<label>性别:</label>
<input type="radio" name="gender" />男
<input type="radio" name="gender" />女
<input type="radio" name="gender" />保密
</p>
<p>
<label>爱好:</label>
<input type="checkbox" name="run"/>跑步
<input type="checkbox" name="sing"/>唱歌
<input type="checkbox" name="dance"/>跳舞
</p>
<p>
<label>照片:</label>
<input type="file" name=" file" />
</p>
<p class="four">
<label>个人描述:</label>
<textarea name="about"></textarea>
</p>
<p>
<label>籍贯:</label>
<select name="choice">
<option value="0">北京</option>
<option value="1">广东</option>
<option value="2">上海</option>
<option value="3">广西</option>
</select>
</p>
<div >
<p class="over">
<label ></label>
<input type="submit" name="提交" />
<input type="reset" name="重置" />
</p>
</div>
</div>
</form>
</div>
</body>
</html>
标签：value password ali name black pad 保密 BMI 技术分享
原文地址：https://www.cnblogs.com/Ansonmo/p/9065190.html
