标签：ble ace body 输入 信息 width lsp ref let
css文件tzy.css
*{
margin: 0px;
padding: 0px;
}
body{
width: 1000px;
}
.div1{
width: 70%;
height: 50px;
margin: 0px auto;
/*叠层设置属性*/
}
.div1 div h1{
/*类选择器加元素选择器*/
text-align: center;
}
.div2{
width: 70%;
height: auto;
margin: 0px auto;
}
.div3{
width: 70%;
height: 52px;
margin: 0px auto;
}
html文件tzy1.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<form>
<table>
<tr>
<td colspan="2"><h3>请填写以下信息:</h3></td>
</tr>
<tr>
<td style="width: 10%;">姓名：</td>
<td><input type="text" placeholder="请输入姓名"></td>
</tr>
<tr>
<td style="width: 10%;">密码:</td>
<td><input type="password" pattern="[0-9]{6}" placeholder="请输入数字0-9的6位密码"></td>
</tr>
<tr>
<td style="width: 10%;">籍贯:</td>
<td><select name="籍贯" id="se1">
<option value="beijing">北京</option>
<option value="sichuan">四川</option>
</select></td>
</tr>
<tr>
<td style="width: 10%;">性别:</td>
<td>
<input type="radio" name="r1" id="nan">
<label for="nan">男</label>
<input type="radio" name="r1" id="nv">
<label for="nv">女</label>
<input type="radio" name="r1" id="bu" checked>
<label for="bu">不透露</label>
</td>
</tr>
<tr>
<td style="width: 10%;">头像:</td>
<td><input type="file"></td>
</tr>
<tr>
<td colspan="2">愿意到以下城市工作:</td>
</tr>
<tr>
<td colspan="2">
<div style="width: 48%;margin: 0px auto">
<select name="籍贯" id="se2" multiple="true" style="text-align: center;height: 55px">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="nanjing">南京</option>
<option value="shenzhen">深圳</option>
<option value="越南">越南</option>
<option value="阿富汗">阿富汗</option>
<option value="美国">美国</option>
<option value="日本">日本</option>
</select>
</div>
</td>
</tr>
<tr>
<td colspan="2">
您想给本公司的留言:
</td>
</tr>
<tr>
<td colspan="2">
<div style="width: 48%;height: auto;margin: 0px auto">
<textarea name="333" id="222" cols="25" rows="10" style="max-width:250px" placeholder="请写入您想写入的留言："></textarea>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div style="width: 48%;height: auto;margin: 0px auto">
<input type="submit">
<input type="reset" value="清除">
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
html文件tzy.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>tzyHTML</title>
<link rel="stylesheet" href="tzy.css" type="text/css">
</head>
<body>
<div class="div1">
<div>
<h1>---->>>求职申请表<<<----
</h1>
</div>
</div>
<div class="div2">
<iframe src="tzy1.html" width="100%" height="500px"></iframe>
</div>
<div class="div3">
<fieldset style="text-align: center;border-style: double;border-width: 6px;border-radius: 50px;border-color: blueviolet;font-family: ‘楷体‘;">
<legend><h3>不想让我们公开的信息</h3></legend>
<input type="checkbox" checked="true"><b>姓名</b>
<input type="checkbox" checked="true"><b>密码</b>
<input type="checkbox" checked="true"><b>籍贯</b>
<input type="checkbox" checked="true"><b>性别</b>
<input type="checkbox" checked="true"><b>头像</b>
<input type="checkbox" checked="true"><b>愿意工作地址</b>
<input type="checkbox" checked="true"><b>留言</b>
</fieldset>
</div>
</body>
</html>
标签：ble ace body 输入 信息 width lsp ref let
原文地址：http://www.cnblogs.com/ttzzyy/p/HTML.html
