学生作业

雪无地

于 2018-11-16 09:02:47 发布

阅读量283

点赞数

本文链接：https://blog.csdn.net/haodemingzdbgzl/article/details/84132783

版权

第三章

1.< label >标签的for属性表示什么？
表示指定当鼠标单击标注文本时，焦点对应的表单元素

2.哪些元素自身就有验证功能？
邮箱< email > 网址< url >

3.请用HTML5实现申请表单，相关要求如下：

教育程度：默认选择硕士。
国籍：有美国，澳大利亚，日本，新加坡，默认选中澳大利亚。
单击文字相应的文本框得到焦点。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>申请表</h1>
<p>姓名：
    <input type="text" name="userName"/>
</p>

<p>教育程度：
    <input type="checkbox" value="硕士" checked/>硕士
    <input type="checkbox" value="博士"/>博士
</p>
<p>常用邮箱：
    <input type="text" name="邮箱"/>
</p>
<p>性别：
    <input type="checkbox" value="男" checked/>男
    <input type="checkbox" value="女"/>女
</p>
<p>年龄：
    <input type="text" name="age"/>
</p>
<p>月薪：
    <input type="text" name="月薪"/>
</p>
<p>附注：
    <input type="text" name="附注"/>
</p>
<p>国籍：
    <select name=""version id="">
        <option value="">澳大利亚</option>
        <option value="美国">美国</option>
        <option value="日本">日本</option>
        <option value="新加坡">新加坡</option>
        <option value="默认">默认</option>
    </select>
</p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</body>
</html>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2>American Metric 电子产品调查表</h2>
<p>姓名：
    <input name="name" type="text" required placeholder="输入必须是2-6位字符">
</p>
<p>购买日期<input name="age" type="text">
    年
    <select name="月" size="行数">
        <option value="1月" selected="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="日" size="行数">
        <option value="1" selected="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 name="Email" type="email" required placeholder="www.baidu.com">
</p>
<p>手机号码：
    <input name="num " type="" nim="11" max="11"
           required placeholder="输入必须是以13/15/18开头的11为数字"/>
</p>
<p>您是否看过我们的在线产品目录？
    <input name="yes" type="radio" value="是"checked/>是
    <input name="no" type="radio" value="否"/>否
</p>
<p>如果查看过，您对哪些产品有兴趣购买？（选择提供的产品）<br>
    <input type="checkbox" name="Product interest" value="Big Screen TV">大屏幕电视机
    <input type="checkbox" name="Product interest" value="Audio equipment">音频设备
    <input type="checkbox" name="Product interest" value="Video equipment">视频设备
    <input type="checkbox" name="Product interest" value="Camera Equipment">相机
</p>
<p>在填写订单之前，您还有什么问题、意见或建议？</p>
<p><textarea name="Comments" rows="3" cols="50">您的输入： </textarea></p>
<p>
    <input type="submit" name="Button"value="提交">
    <input type="reset" name="Reset" value="重置">
</p>
</body>
</html>