第三章

xiaoxiao2025-08-29  14

1.标签的for属性表示什么? 指定当鼠标单击标注文本时,焦点对应的表单元素。

2.哪些元素自身就有验证功能? input中的Email类型、url类型、number类型

3.请用HTML5实现申请单表单。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>申请表</title> </head> <body> <h1>申请表</h1> <form method="post" action=""> <p> 姓名: <input type="text"name="usename" /> </p> <p> 教育程度: <input type="radio" value="硕士"checked />硕士 <input type="radio"value="博士" />博士 </p> <p> 常用邮箱: <input type="email"name="email" /> </p> <p> 性别: <input type="radio" value="男" /checked>男 <input type="radio"value="女" />女 </p> <p> 年龄: <input type="number" /> </p> <p> 月薪: <input type="number" /> </p> <p> 附注: <textarea name="text"cols="30"rows="4">请在这里键入附注</textarea> </p> <p> 国籍: <select name="national"> <option value="澳大利亚"selected>澳大利亚</option> <option value="美国">美国</option> <option value="日本">日本</option> <option value="新加坡">新加坡</option> </select> </p> <p> <input type="submit"name="button"value="提交" /> <input type="reset"name="Reset"value="重填" /> </p> </form> </body> </html>

4.请用HTML5实现电子调查表表单。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>电子产品调查问卷</title> </head> <body> <h1>American&nbsp;Metric&nbsp;电子产品调查表</h1> <form method="post"action=""> 姓名: <input type="text" name="usename" placeholder="输入必须是2~6为字符" max="6"min="2"required /> <p> 购买日期: <input type="text"name="year"size="4"maxlength="4" required/>年 <select name="mon"> <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> 电子邮件地址: <input type="email" placeholder="www.baidu.com" required/> </p> <p> 手机号码: <input type="number"placeholder="输入必须是以13/15/18开头的11为数字"size="40" required/> </p> <p> 您是否查看过我们的在线产品目录? <input type="radio"checked />是 <input type="radio" />否 </p> <p> 如果查看过,您对哪些产品有兴趣购买?(请选择提供的商品)<br /> <input type="checkbox"name="shop" />大屏幕电视机 <input type="checkbox"name="shop" />音频设备 <input type="checkbox"name="shop" />视频设备 <input type="checkbox"name="shop" />相机 </p> 在填写订单之前,您还有什么问题、建议或意见?<br /> <p> <textarea name="text"cols="40"rows="4"required>您的输入:</textarea> </p> <p> <input type="submit"name="button"value="提交" /> <input type="reset"name="Reset"value="重置" disabled/> </p> </form> </body> </html>

转载请注明原文地址: https://www.6miu.com/read-5035424.html

最新回复(0)