老师对于表格而言我不太理解以下几点
1、我个人实现的时候不知道为什么外边会有两个边框的样子
我的代码如下：
<table border="1" cellspacing="0" align="center" width="500" height="300">
<tr align="center">
<td colspan="4">教员搜索</td>
</tr>
<tr>
<td><label for="search">搜索类型</label></td>
<td>
<select name="search" id="search">
<option value="title">搜索教员信息</option>
<option value="java">java</option>
<option value="web">web</option>
</select>
</td>
<td><label for="id">教员身份</label></td>
<td><select name="id" id="id">
<option value="title">不限</option>
<option value="title">高级讲师</option>
<option value="title">中级讲师</option>
</select></td>
</tr>
<tr>
<td><label for="area">所在地区</label></td>
<td><select name="area" id="area">
<option value="title">不限</option>
<option value="title">北京</option>
<option value="title">上海</option>
</select></td>
<td><label for="sex">性别</label></td>
<td>
<input type="radio" name="sex" value="male"> 男
<br>
<input type="radio" name="sex" value="female"> 女
</td>
</tr>
<tr>
<td><label for="subject">学习科目</label></td>
<td colspan="3">
<select name="subject" id="subject">
<option value="title">请在以下列表中选择</option>
<option value="title">java</option>
<option value="title">web</option>
</select>
</td>
</tr>
<tr>
<td>学习</td>
<td colspan="3">
<input type="text" name="learning" placeholder="请输入要学习的内容">
</td>
</tr>
<tr>
<td>专业</td>
<td colspan="3">
<input type="text" name="special" placeholder="请输入要学习的内容">
<input type="button" name="search" value="search">
</td>
</tr>
</table>
2、我对里面的，例如<input type="button" name="search" value="search">
中的name 和value表达的含义不是很理解
3、如果想要效果是三线表这种，怎么实现呢？我的想法是利用孩子选择器把某些线加粗但是没能达到该效果，老师能帮我看一下嘛？
<style>
table{
width: 500px;
height: 150px;
}
table:nth-child(1){
border-top: 2px solid black;
border-bottom: 2px solid black ;
}
table:last-child{
border-bottom: 2px solid black ;
}
</style>
<table>
<tr class="style">
<td>指标一</td>
<td>指标二</td>
<td>指标三</td>
</tr>
<tr>
<td>4</td>
<td>6</td>
<td>7</td>
</tr>
<tr>
<td>14</td>
<td>34</td>
<td>23</td>
</tr>
<tr>
<td>87</td>
<td>-</td>
<td>78</td>
</tr>
</table>
京公网安备 11011402011233号