作业3

1.

2.哪些元素自身就有验证功能
答:1.required属性
2.email
3.number

3.请用HTML5实现申请表表单,要求教育程度,默认选中硕士
国籍,有美国,澳大利亚,日本,新加坡,默认选中澳大利亚
代码如下:在这里插入图片描述

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>American Metric 电子产品调查表</title>
</head>
<body>
<form method="post" action="">
    <p>
        姓名:
        <input type="text" name="sdd" size="30px" placeholder="输入必需是2-6为字符" required><br><br>
        购买日期:
        <input type="text" size="4" maxlength="4">
        <select >
            <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 >
            <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="1">13</option>
            <option value="2">14</option>
            <option value="3">15</option>
            <option value="4">16</option>
            <option value="5">17</option>
            <option value="6">18</option>
            <option value="7">19</option>
            <option value="8">20</option>
            <option value="9">21</option>
            <option value="10">22</option>
            <option value="11">23</option>
            <option value="12">24</option>
            <option value="1">25</option>
            <option value="2">26</option>
            <option value="3">27</option>
            <option value="4">28</option>
            <option value="5">29</option>
            <option value="6">30</option>
            <option value="7">31</option>
        </select>日<br><br>
电子邮件地址;
        <input type="email" name="asdf" placeholder="www.baidu.com"><br><br>
        手机号码:
        <input type="text" name="dsa" required pattern="^1[358]\d{9}" placeholder="输入必须是以12/15/18开头为数字"><br><br>
        你是否查看过我们的在线产品目录?<input type="radio" name="acav" value="是">是
        <input type="radio" name="acav" value="否">否<br><br>
        如果查看过,您对哪些产品有兴趣购买?(选择提供的产品)<input type="checkbox" name="chen" value="fd">大屏幕电视机
        <input type="checkbox" name="chen" value="dsf">音频设备
        <input type="checkbox" name="chen" value="dssa">视频设备
        <input type="checkbox" name="chen" value="dsaff">相机<br><br>
        在填写订单之前,您还有什么问题,意见或建议?<br>
        <textarea name="dfs" cols="20" rows="4" placeholder="您的输入:">
        </textarea>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </p>
</form>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值