第三章
1.标签的for属性表示什么？
指定当鼠标单击标注文本时，焦点对应的表单元素。
2.哪些元素自身就有验证功能？
input中的Email类型、url类型、number类型
3.请用HTML5实现电子调查表表单。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>电子产品调查问卷</title>
</head>
<body>
<h1>American Metric电子产品调查问卷</h1>
<form action="" method="post">
<p>姓名：
<input type="text" name="names" placeholder="输入2-6位字符" required/>
</p>
<p>购买日期：
<input type="text" name="byear" value=""size="4"maxlength="4"/>年
<select name="bmon">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>月
<select name="bday">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
</p>
<p>电子邮件地址：
<input type="email" name="email" placeholder="www.baidu.com" required/>
</p>
<p>手机号码：
<input type="text" name="tle" required pattern="^1[358]\d{9}"
placeholder="输入必须以13/15/18开头的11位数字" size="30"/>
</p>
<p>您是否查看过我们的在线产品目录？
<input name="yes" type="radio" value="是" checked/>是
<input name="yes" type="radio" value="否"/>否
</p>
<p>如果查看过，您对哪些产品有兴趣购买？（请选择提供的产品）
<input type="checkbox" name="metric" value="tv"/>大屏幕电视
<input type="checkbox" name="metric" value="audio"/>音频设备
<input type="checkbox" name="metric" value="video"/>视频设备
<input type="checkbox" name="metric" value="camera"/>相机
</p>
<p>在填写订单之前，您还有什么问题，意见或者建议？<br>
<textarea name="textarea" cols="25" rows="4">您的输入:
</textarea>
</p>
<input type="submit" value="提交"/>
<input type="reset" value="重置" disabled/>
</form>
</body>
</html>
442
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
