1.表示：当鼠标单击标注文本时，焦点对应的表单元素
2.email类型，url类型，number类型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>申请表</title>
</head>
<body>
<h1>申请表</h1>
<form method="post" action="demo02课后作业04.html">
<p>名字：<input type="text" name="ninz" /></p>
<p>教育程度：<input type="radio" name="suos" value="硕士" checked/>硕士
<input type="radio" name="suos" value="博士" />博士
</p>
<p>常用邮箱：<input type="text" name="youx" /></p>
<p>性别：<input type="radio" name="nan" value="男" checked/>男
<input type="radio" name="nan" value="女" />女
</p>
<p>年龄：<input type="text" name="nianl" /></p>
<p>月薪：<input type="text" name="yuex" /></p>
<p>附注：<textarea cols="40" rows="5" placeholder="请在这里键入附注"></textarea>
</p>
<p>国籍：
<select name="gouj">
<option value="">澳大利亚</option>
<option value="1">中国</option>
<option value="2">日本</option>
<option value="3">美国</option>
<option value="4">新加坡</option>
</select>
</p>
<p><input type="submit" name="tij" value="提交" />
<input type="reset" name="reset" value="重置" />
</p>
< </form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>电子商品调查问卷</title>
</head>
<body>
<h1>Amrican Metric 电子商品调查表</h1>
<form action="" method="post">
<p>姓名 <input type="text" name="minz" placeholder="输入必须是2-6为字符" required="required" />
</p>
<p>购买日期：
<input type="text" name="nian" size="4" />年
<select name="yue">
<option value="">月份</option>
<option value="1">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="ri">
<option value="">日期</option>
<option value="1">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" placeholder="www..baidu.com" /></p>
<p>手机号码<input type="number" name="shouj" placeholder="输入必须是以13|15|18开头的11位数字" /></p>
<p>您是否看过我们的在线产品目录?
<input type="radio" name="shi" value="是" checked="checked" id="nan" />
<label for="nan">是</label>
<label for="fou"></label>
<input type="radio" name="shi" value="否" id="fou" />
<label for="fou">否</label>
</p>
<p>如果查看过，您对哪些产品有兴趣购买？ (选择提供的产品)<br>
<input type="checkbox" name="chanping" value="bianshi" id="da" />
<label for="da">大屏电视机</label>
<input type="checkbox" name="chanping" value="yinpin" id="yin" />
<label for="yin">音频设备</label>
<input type="checkbox" name="chanping" value="shiping" id="shi" />
<label for="shi">视频设备</label>
<input type="checkbox" name="chanping" value="xianji" id="ji" />
<label for="ji">相机</label>
</p>
<p>在填写订单之前，您还有什么问题，意见或建议？</p>
<p><textarea name="jianyi" cols="40" rows="20" placeholder="您的输入："></textarea></p>
<p>
<input type="submit" name="yijiao" value="提交" id="yi" />
<input type="reset" name="chongzhi" value="重置" id="zhi" />
</p>
</form>
</body>
</html>
扫一扫
3621
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
