使用HTML5的表格、列表、表单写一个招聘网的页面
时间: 2023-06-16 17:05:52 浏览: 57
以下是一个简单的招聘网的页面示例,包含表格、列表和表单:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>招聘网</title>
</head>
<body>
<h1>欢迎来到招聘网</h1>
<h2>最新职位</h2>
<table>
<thead>
<tr>
<th>职位</th>
<th>公司</th>
<th>地点</th>
<th>薪酬</th>
</tr>
</thead>
<tbody>
<tr>
<td>前端开发工程师</td>
<td>ABC公司</td>
<td>北京</td>
<td>15k-20k</td>
</tr>
<tr>
<td>后端开发工程师</td>
<td>XYZ公司</td>
<td>上海</td>
<td>20k-25k</td>
</tr>
</tbody>
</table>
<h2>热门公司</h2>
<ul>
<li>ABC公司</li>
<li>XYZ公司</li>
<li>123公司</li>
<li>456公司</li>
</ul>
<h2>申请职位</h2>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="position">申请职位:</label>
<select id="position" name="position">
<option value="frontend">前端开发工程师</option>
<option value="backend">后端开发工程师</option>
</select><br><br>
<label for="resume">简历:</label>
<input type="file" id="resume" name="resume"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
该页面包含一个职位列表的表格,一个热门公司的列表,以及一个申请职位的表单。表格使用`<table>`、`<thead>`、`<tbody>`、`<tr>`、`<th>`和`<td>`元素创建。列表使用`<ul>`和`<li>`元素创建。表单使用`<form>`、`<label>`、`<input>`和`<select>`元素创建。