制作上网信息调查页面,包含以下内容,结合table表格标签进行简单的排版: 最经常使用的3个网站:(3个文本输入框) 上网的主要目的:(1)查找信息 (2) 娱乐 (3)赢利 (4) 购物 (5)其它 (多选) 所属的年龄段:12岁以下,13-25,26-40,40-49,50-59,60岁以上(多选一) 每天上网的时长:输入框,数字格式(0-24范围内) 目前所在地:(省市,下拉框多选一) 联系邮箱:邮箱格式 联系电话:电话格式
时间: 2023-11-24 08:08:04 浏览: 163
以下是一个简单的上网信息调查页面的HTML代码,包含了表单元素和表格标签的使用:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>上网信息调查</title>
</head>
<body>
<h1>上网信息调查</h1>
<form>
<table>
<tr>
<td>最经常使用的3个网站:</td>
<td>
<input type="text" name="website1"><br>
<input type="text" name="website2"><br>
<input type="text" name="website3">
</td>
</tr>
<tr>
<td>上网的主要目的:</td>
<td>
<input type="checkbox" name="purpose" value="查找信息">查找信息<br>
<input type="checkbox" name="purpose" value="娱乐">娱乐<br>
<input type="checkbox" name="purpose" value="赢利">赢利<br>
<input type="checkbox" name="purpose" value="购物">购物<br>
<input type="checkbox" name="purpose" value="其它">其它
</td>
</tr>
<tr>
<td>所属的年龄段:</td>
<td>
<select name="age">
<option value="12岁以下">12岁以下</option>
<option value="13-25">13-25</option>
<option value="26-40">26-40</option>
<option value="40-49">40-49</option>
<option value="50-59">50-59</option>
<option value="60岁以上">60岁以上</option>
</select>
</td>
</tr>
<tr>
<td>每天上网的时长:</td>
<td><input type="number" name="duration" min="0" max="24"></td>
</tr>
<tr>
<td>目前所在地:</td>
<td>
<select name="location">
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="广州">广州</option>
<option value="深圳">深圳</option>
<option value="成都">成都</option>
</select>
</td>
</tr>
<tr>
<td>联系邮箱:</td>
<td><input type="email" name="email"></td>
</tr>
<tr>
<td>联系电话:</td>
<td><input type="tel" name="phone"></td>
</tr>
</table>
<input type="submit" value="提交">
</form>
</body>
</html>
```
这个页面包含了一个表单元素和一个表格元素,表单中有多个输入框和下拉框,以及一个多选框。当用户填写并提交表单后,可以提交到服务器进行处理。
阅读全文