本文介绍了一个使用HTML和CSS设计的个人信息表单，包括姓名、性别、出生日期等字段，展示了基本的网页布局和样式设置。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
font-weight: bold;
}
table{
font-size: 15px;
}
</style>
</head>
<body>
<h2>个人信息</h2>
<hr color="red" />
<p>修改个人信息（*为必填项）</p>
<form action="index.html" method="post">
<table width="1000px">
<tr>
<td>*姓名</td>
<td>
<input type="text" name="姓名"/>
</td>
</tr>
<tr>
<td>*性别</td>
<td>
<input type="radio" name="性别" value="男" />男
<input type="radio" name="性别" value="女" />女
</td>
</tr>
<tr>
<td>*出生日期</td>
<td>
<input type="text" name="出生日期" size="5"/>年
<input type="text" name="出生日期" size="5"/>月
</td>
</tr>
<tr>
<td>*参加工作年份</td>
<td>
<select name="参加工作年份">
<option value="无工作经验">无工作经验</option>
<option value="2015-10-23">2015-10-23</option>
<option value="2017-08-26">2017-08-26</option>
<option value="2019-01-01">2019-01-01</option>
</select>
</td>
</tr>
<tr>
<td>*户口所在地</td>
<td>
<select name="户口所在地">
<option value="沈阳">沈阳</option>
<option value="河北">河北</option>
<option value="山东">山东</option>
<option value="广西">广西</option>
</select>
</td>
</tr>
<tr>
<td>*现居住城市</td>
<td>
<select name="现居住城市">
<option value="沈阳">沈阳</option>
<option value="河北">河北</option>
<option value="山东">山东</option>
<option value="广西">广西</option>
</select>
</td>
</tr>
<tr>
<td>*联系方式</td>
<td>
<input type="text" name="联系方式" />
<a href="index.html">修改</a>
</td>
</tr>
<tr>
<td>*电子邮箱</td>
<td>
<input type="text" name="电子邮箱" />
<a href="index.html">修改</a>
</td>
</tr>
<tr>
<td>婚姻状况</td>
<td>
<input type="radio" name="婚姻状况" value="未婚" />未婚
<input type="radio" name="婚姻状况" value="已婚" />已婚
<input type="radio" name="婚姻状况" value="离异" />离异
</td>
</tr>
<tr>
<td>国籍</td>
<td>
<select name="国籍">
<option value="中国大陆">中国大陆</option>
<option value="美国">美国</option>
<option value="英国">英国</option>
<option value="荷兰">荷兰</option>
</select>
</td>
</tr>
<tr>
<td>海外工作/学习经历</td>
<td>
<input type="radio" name="海外工作/学习经历" value="有" />有
<input type="radio" name="海外工作/学习经历" value="无" />无
</td>
</tr>
<tr>
<td>政治面貌</td>
<td>
<input type="radio" name="政治面貌" value="中共党员（含预备党员）" />中共党员（含预备党员）
<input type="radio" name="政治面貌" value="团员" />团员
<input type="radio" name="政治面貌" value="群众" />群众
<input type="radio" name="政治面貌" value="民主党派" />民主党派
<input type="radio" name="政治面貌" value="无党派人士" />无党派人士
</td>
</tr>
</table>
<center>
<input type="submit" name="保存" value="保存" style="background-color: blue;" />
<a href="index.html">返回</a>
</center>
</form>
</body>
</html>
效果：
扫一扫
291
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
