第二次web练习

仅供参考哈

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<div style="position:absolute;height:10px;width:180px;text-align:left;font-size:30px;" >
个人信息填写
</div>
<table border="1" style="position:absolute;top:80px;border-color:black">
<tr>
<td>姓名</td>
<td>
<input type="text" placeholder="输入用户名" />
</td>
<td rowspan="8" style="width:200px;">
<div style="position:absolute;top:0%">
技能特长
</div>
<ul>
<li>
<input type="checkbox" checked="checked" />羽毛球
</li>
<li>
<input type="checkbox" checked="checked" />乒乓球
</li>
<li>
<input type="checkbox" checked="checked" />编程
</li>
<li>
<input type="checkbox" />音乐
</li>
</ul>
</td>
</tr>

<tr>
<td>密码</td>
<td>
<input type="text" placeholder="输入密码" />
</td>
</tr>

<tr>
<td>性别</td>
<td>
<fieldset>
<legend>gender</legend>
<input type="radio" />女士
<input type="radio" />男士
</fieldset>
</td>
</tr>

<tr>
<td>学历</td>
<td>
<select>
<option value="Other">其他</option>
</select>
</td>
</tr>

<tr>
<td>居住地所在市</td>
<td>
<dl>
<dt>上海</dt>
<dt>北京</dt>
<dt>广州</dt>
<dt>南京</dt>
</dl>
</td>
</tr>

<tr>
<td>个人描述</td>
<td>
<br /><br /><br /><br /><br /><br />
</td>
</tr>

<tr>
<td></td>
<td>
<input type="checkbox" /> 不要公开我信息
</td>
</tr>

<tr>
<td></td>
<td>
<button>保存</button>
<button>重添</button>
</td>
</tr>
</table>


</body>
</html>

posted @ 2019-11-26 20:26  霸道总裁爱学习  阅读(112)  评论(0)    收藏  举报