HTML5和CSS3开发电子商务网站 第三章习题

3.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>申请表</title>
</head>
<body>
<form action="" method="post">
<p>
  <P><h1>申请表</h1></P>
    <p>
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name" value="" size="30">
    </p>
    <p>
        教育程度:
        <input type="checkbox" id="程度" name="程度" value="" checked>
        <label for="程度">硕士</label>
        <input type="checkbox" id="程度2" name="程度2" value="" >
        <label for="程度2">博士</label>
    </p>
    <p>
        <label for="em">常用邮箱:</label>
        <input type="email" name="em" id="em">
    </p>
    <p>
        性别:
        <input type="radio" id="sex1" name="sex" value="" checked>
        <label for="sex1">男</label>
        <input type="radio" id="sex2" name="sex" value="" >
        <label for="sex2">女</label>
    </p>
<p>
    <label for="age">年龄:</label>
    <input type="text" id="age" size="18" name="age">
</p>
<p>
    <label for="money">月薪:</label>
    <input type="text" id="money" size="10" name="money">
</p>
<p>
    <label for="666">附注:</label>
    <textarea name="附注" id="666">
请在这里键入附注
        </textarea>
</p>
<p>
     <label for="111">国籍</label>
            <select id="111">
                <option>美国</option>
                <option selected>澳大利亚</option>
                <option>日本</option>
                <option>新加坡</option>
            </select>
</p>
<p>
    <input type="submit" name="提交" value="提交">
    <input type="reset" name="重置" value="重置">
</p>
</form>
</body>
</html>

4.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>电子厂品调查问卷</title>
</head>
<body>
<form method="post" action="">
<h1>American Metric 电子产品调查表</h1>
    <p>
        <label for="1">姓名:</label>
        <input type="text" name="name" value="" id="1" placeholder="输入必输是2-6为字符" required>
    </p>
    <p>
        购买日期:<input type="text" name="year" size="4" maxlength="4">年
        <select required>
            <option></option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
        </select>月
        <select required>
            <option></option>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
            <option>9</option>
            <option>10</option>
            <option>11</option>
            <option>12</option>
            <option>13</option>
            <option>14</option>
            <option>15</option>
            <option>16</option>
            <option>17</option>
            <option>18</option>
            <option>19</option>
            <option>20</option>
            <option>21</option>
            <option>22</option>
            <option>23</option>
            <option>24</option>
            <option>25</option>
            <option>26</option>
            <option>27</option>
            <option>28</option>
            <option>29</option>
            <option>30</option>
            <option>31</option>
        </select>日
    </p>
    <p>
        <label for="em">电子邮件地址:</label>
        <input type="email" name="em" id="em" placeholder="www.baidu.com" required>
    </p>
    <p>
        <label for="phone">手机号码:</label>
        <input type="text" name="phone" id="phone" placeholder="输入必须是以13/15/18开头的11为数字" required size="35">
    </p>
    <p>
        您是否查看过我们的在线产品目录?
        <input type="radio" name="a" id="a" checked required>
        <label for="a">是</label>
        <input type="radio" name="a" id="b">
        <label for="b">否</label>
    </p>
    <p>
        如果查看过,您对哪些产品有兴趣购买?(选择提供的产品)<BR/>
        <input type="checkbox" name="c" id="c"  required>
        <label for="c">大屏幕电视机</label>
        <input type="checkbox" name="c" id="d"  required>
        <label for="d">音频设备</label>
        <input type="checkbox" name="c" id="e" required>
        <label for="e">视频设备</label>
        <input type="checkbox" name="c" id="f"  required>
        <label for="f">相机</label>
    </p>
    <P>
        在填写订单之前,您还有什么问题,意见或建议?<br/>
        <textarea required>
您的输入:
        </textarea>
    </P>
    <p>
        <input type="submit" name="" value="提交">
        <input type="reset" name="" value="重置" disabled>
    </p>
</form>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/wsbbdbjay/article/details/80696216