1.标签的for属性表示什么？
指定当鼠标单击标注文本时，焦点对应的表单元素。
2.哪些元素自身就有验证功能？
input中的Email类型、url类型、number类型
3.请用HTML5实现申请单表单。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>申请表</title>
</head>
<body>
<h1>申请表</h1>
<form action="" method="post">
<p>
<label for="names">姓名</label>
<input name="text" id="names" size="21" maxlength="6"/>
</p>
<p>
教育程度:
<label for="teach">硕士</label>
<input name="gen" id="teach" type="radio" value="" checked />
<label for="doctor">博士</label>
<input name="gen" id="doctor" type="radio" value="" />
</p>
<p>
<label for="email">邮箱</label>
<input type="text" name="null" id="email" size="21" maxlength="50"/>
</p>
<p>
<label for="famil">男</label>
<input type="radio" name="gender" id="famil" checked/>
<label for="amil">女</label>
<input type="radio" name="gender" id="amil" />
</p>
<p>
<label for="Age">年龄</label>
<input type="text" name="Age" id="Age" size="21" maxlength="4"/>
</p>
<p>
<label for="monthly">月薪<label>
<input type="text" name="sum" id="monthly" size="12" maxlength="12"/>
</p>
<p>
<label for="word">附注:</label>
<textarea name="textarea" cols="50" rows="5" id="word">
请在这里键入附注
</textarea>
<p/>
<p>
<label for="nationality">国籍</label>
<select name="tel" id="nationality">
<option value="" selected>澳大利亚</option>
<option value="1">美国</option>
<option value="2">日本</option>
<option value="3">新加坡</option>
</select>
</p>
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</form>
</body>
</html>
4.请用HTML5实现电子调查表表单。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子产品调查问卷</title>
</head>
<body>
<h1>American Metric 电子产品调查</h1>
<form action="#" method="post">
<p>
<label for="ld">姓名:</label>
<input name="farm" id="ld" type="text" size="21" placeholder="输入必须是2-6为字符" />
</p>
<p>
<label for="shoop">购买日期:</label>
<select name="boom" id="shoop">
<option value="">2018</option>
</select>年
<select>
<option value="">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
<option value="8">9</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
</select>月
<select>
<option value="">1</option>
<option value="1">2</option>
<option value="2">3</option>
<option value="3">4</option>
<option value="4">5</option>
<option value="5">6</option>
<option value="6">7</option>
<option value="7">8</option>
<option value="8">9</option>
<option value="9">10</option>
<option value="10">11</option>
<option value="11">12</option>
<option value="12">13</option>
<option value="13">14</option>
<option value="14">15</option>
<option value="15">16</option>
<option value="16">17</option>
<option value="17">18</option>
<option value="18">19</option>
<option value="19">20</option>
<option value="20">21</option>
<option value="21">22</option>
<option value="22">23</option>
<option value="23">24</option>
<option value="24">25</option>
<option value="25">26</option>
<option value="26">27</option>
<option value="27">28</option>
<option value="28">29</option>
<option value="29">30</option>
<option value="30">31</option>
</select>日
</p>
<p>
<label for="emill">电子邮件地址</label>
<input type="text" name="farm" id="emill" size="21" placeholder="www.baidu.com" />
</p>
<p>
<label for="hoom">手机号码</label>
<input name="null" id="hoom" size="40" placeholder="输入必须是以13/15/18开头的11位数字"/>
</p>
<p>
你是否查看过我们的在线产品目录:
<label for="num">是</label>
<input name="lull" id="num" type="radio" checked/>
<label for="sum">否</label>
<input name="lull" id="sum" type="radio" />
</p>
<p>
如果查看过,你对那些产品有兴趣购买?(选择提供的产品)
<label for="a">大屏幕电视机</label>
<input name="ser" id="a" type="radio" />
<label for="s">音频设备</label>
<input name="ser" id="s" type="radio"/>
<label for="d">视频设备</label>
<input name="ser" id="d" type="radio" />
<label for="f">相机</label>
<input name="ser" id="f" type="radio" />
</p>
<p>
在填写订单之前,你还有什么问题,意见或建议?<br />
<textarea name="test" cols="50" rows="7">
你的输入:
</textarea>
</p>
<input type="submit" value="提交" />
<input type="reset" value="重置" disabled />
</form>
</body>
</html>
扫一扫
20万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
