作业一学期三书三章

最新推荐文章于 2022-08-25 15:09:33 发布

一江风雪

最新推荐文章于 2022-08-25 15:09:33 发布

阅读量454

点赞数

本文链接：https://blog.csdn.net/sc13647346287/article/details/82965276

版权

1.标签的for属性表示什么？
for 属性规定 label 与哪个表单元素绑定,label的for属性要与绑定表单元素（input）的ID对应。绑定完成后可以通过点击label触发表单元素的默认属性。通俗的讲就是你绑定完了点lebel就相当于点击表单元素（input）。

2.哪些元素自身就有验证功能？
数字类型、邮箱类型等一部分表单有自身验证功能

3.请用HTML5实现所示的申请表表单。相关要求如下。
教育程度：默认选中硕士。
国籍：有美国、澳大利亚、日本、新加坡，默认选中澳大利亚。
单击文字相应的文本框得到焦点。

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

4.请用HTML5实现所示的电子产品调查表表单。
请输入您的购买日期："月份"下拉列表框为1-12月，“日"下拉列表框为1-31日。
您是否查看过我们的在线产品目录：默认选中"是”。
单击文字相应的文本框得到焦点。
所有表单元素不能为空。
使用placeholder属性为表单元素添加提示文字。
重置按钮禁止操作。
不需要用patten写验证条件。

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