第3题,用HTML5实现申请表表单
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>申请表</title> </head> <body> <h2>申请表</h2> <form method="get" action=""> <p><label for="name">姓名:</label> <input name="name" id="name" type="text" value=""></p> <p>教育程度:<input name="study" type="checkbox" value="硕士" id="edu1" checked><label for="edu1">硕士</label> <input name="study" type="checkbox" value="博士" id="edu2"><label for="edu2"> 博士</label></p> <p><label for="mail">常用邮箱:</label><input type="email"name="mail" value="" id="mail"></p> <p>性别:<input type="radio" name="sex" value="男" checked id="sex1"><label for="sex1">男</label> <input type="radio" name="sex" value="女" id="sex2"><label for="sex2">女</label></p> <p><label for="age">年龄:</label><input type="text" name="age" value="" id="age"></p> <p><label for="money">月薪:</label><input type="text" name="getmoney" value="" size="10" id="money"></p> <p><label for="ps">附注:</label><textarea name="introduction" cols="30" rows="5" id="ps" placeholder="请在这里键入附注"></textarea></p> <p>国籍:<select name="国家" id="guojia"> <option>中国</option> <option>美国</option> <option selected>澳大利亚</option> <option>日本</option> <option>新加坡</option> </select> </p> <p><input type="submit" name="提交"> <input type="reset" name="重置"></p> </form> </body> </html>
第4题 制作电子产品调查表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>电子产品调查问卷</title> </head> <body> <form method="post" action=""> <p><label for="name">姓名:</label> <input required type="text" name="name" minlength="2" maxlength="6" placeholder="输入必须是2-6位字符" id="name"></p> <p>购买日期: <select name="moth"> <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="day"> <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><label for="mail">电子邮件地址:</label> <input name="mail" type="email" placeholder="[email protected]" id="mail" required></p> <p><label for="tel">手机号码:</label> <input type="text" name="tel" size="35" required pattern="^1[358]\d{9}" placeholder="输入必须是以13/15/18开头的11位数字" id="tel" required></p> <p>您是否查看过我们的在线产品目录? <input type="radio" name="look" id="look1" checked>是<input type="radio" name="look" id="look2" required>否</p> <p>如果查看过,您对哪些产品有兴趣购买?(请选择提供的产品)<br> <input type="checkbox" name="choose" id="choose1"><label for="choose1">大屏幕电视机</label> <input type="checkbox" name="choose" id="choose2"><label for="choose2">音频设备</label> <input type="checkbox" name="choose" id="choose3"><label for="choose3">视频设备</label> <input type="checkbox" name="choose" id="choose4"><label for="choose4">相机</label></p> <p><label for="text">在填写订单之前,您还有什么问题、意见或建议?</label><br> <textarea name="text" id="text" cols="40" rows="5">您的输入:</textarea> </p> <p><input type="submit" name="提交"> <input type="reset" name="重置" disabled></p> </form> </body> </html>