第3章表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请表</title>
</head>
<body>
<p><h2>申请表</h2></p>
<form action="#" method="post">
    <p>
        <label for="xm">姓名:</label>
        <input type="text"name="xin" id="xm" required />
    </p>
    <p>
        教育程度:
        <input type="checkbox" name="jia" value="master" checked/>硕士
        <input type="checkbox" name="jia" value="master"/>博士
    </p>
    <p>
        <label for="zx">常用邮箱:</label>
        <input type="email" name="mailbox" id="zx" required/>
    </p>
    <p>
        性别:
        <input name="gen" type="radio" value="男"checked/><input name="gen" type="radio" value="女"/></p>
    <p>
        <label for="nl">年龄:</label>
        <input type="text" name="age" id="nl" required/>
    </p>
    <p>
        <label for="yx">月薪:</label>
        <input type="text" name="salary" id="yx" required/>
    </p>
    <p>
        附注:
        <textarea name="fuzhu" cols="40" rows="6">请在这里键入附注</textarea>
    </p>
    <p>
        国籍
        <select name="guoji">
            <option value="1" >澳大利亚</option>
            <option value="2">美国</option>
            <option value="3">日本</option>
            <option value="4">新加坡</option>
        </select>
    </p>
    <p>
        <input type="submit" name="tij" value="提交"/>
        <input type="reset" name="tij" value="重置"/>
    </p>

</form>

</body>
</html>


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子产品调查问卷</title>
</head>
<body>
<p>
    <h1>American&nbsp;Metric&nbsp;电子产品调查表</h1>
</p>
<form action="#" method="post">
    <p>
        <label for="xm">姓名:</label>
        <input type="text" name="xim" id="xm" required
        placeholder="输入必须是2-6为字符" size="30" maxlength="6"/>
    </p>
    <p>
        <label for="rq">购买日期:</label>
        <input type="text" name="byear" value="" size="4"
         maxlength="4"id="rq" required/>
        <select name="bmon">
            <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="bday">
            <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="diy">电子邮件地址:</label>
        <input type="email" name="email"id="diy"
        placeholder="www.715780354@qq.com" required size="30"/>
    </p>
    <p>
        <label for="sj">手机号码:</label>
        <input type="text"name="sjh"id="sj"
        placeholder="输入必须是以13/15/18开头的11为数字"size="45"
        required pattern="^1[358]\d{9}"/>
    </p>
    <p>
        您是否查看过我们的在线产品目录?
        <input type="radio" name="sf" id="shi" checked/>
        <label for="shi"></label>
        <input type="radio" name="sf" id="fou"/>
        <label for="fou"></label>
    </p>
    <p>
        <span>如果查看过,您对那些产品有兴趣购买?(选择提供的产品)</span><br/>
        <input type="checkbox" name="cp" value="dpdsj"/>大屏幕电视机
        <input type="checkbox" name="cp" value="ypsb"/>音频设备
        <input type="checkbox" name="cp" value="yssb"/>视频设备
        <input type="checkbox" name="cp" value="xj"/>相机
    </p>
    <p>
        <label for="id">
        <span>在填写订单之前。您还有什么问题,意见或建议?</span><br/>

        <textarea name="text" cols="40" rows="6" required id="id">
您的输入:

        </textarea>
        </label>
    </p>
    <p>
        <input type="submit" name="tij" value="提交"/>
        <input type="reset" name="tij" value="重置" disabled/>
    </p>
</form>

</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值