3.24问卷调查表(表单的高级应用)

题目

(一)问卷调查表
1.需求
(1) .请输入您的购买日期:月份下拉选项为1-12月,日期下拉选项1-31日
(2) .你是否查看过我们的在线产品目录:默认选中“是”
2.实现效果


image.png

代码

<body>
  <form action="#" method="past">
    <table width="1000" height="400" cellpadding="5" cellspacing="5" align="center">
      <tr>
        <td>
        <h1><font color="#FF0000">American Metric</font>
        <font color="#CC0099">电子产品调查表</font></h1>
        </td>
      </tr>
      <tr>
        <td>请输入您的姓名:<input type="text" name="name" value="" maxlength="4"></td>
      </tr>
      <tr>
        <td>
         请输入您的购买日期:
         <input type="text" name="year" value="">年
         <select name="mon">
          <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="day">
         <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>日
        </td>
      </tr>
      <tr>
        <td>请输入您的电子邮箱地址:<input type="text" name="ema" value=""></td>
      </tr>
      <tr>
        <td>
        您是否查看过我们的在线电子产品目录?
        <label for="sf">是
        <input type="radio" name="bull" id="sf" checked="checked">
        <label for="fs">否
        <input type="radio" name="bull" id="fs">
        </td>
      </tr>
      <tr>
        <td>
         <p>如果查看过,您对哪些产品有兴趣购买?(选择提供的产品)</p>
         <input type="checkbox" name="cp" value="dsj">大屏幕电视机
         <input type="checkbox" name="cp" value="yp">音频设备
         <input type="checkbox" name="cp" value="sp">视频设备
         <input type="checkbox" name="cp" value="xj">相机
        </td>
      </tr>
      <tr>
        <td>
         <p>在填写订单之前,您还有什么问题、意见或建议</p>
         <textarea name="yj" cols="50" rows="5">您的输入:</textarea>
        </td>
      </tr>
      <tr>
        <td>
          <input type="submit" name="btn" value="提交">
          <input type="reset" name="btm" value="重置">
        </td>
      </tr>
    </table>
  </form>
</body>

效果图

image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容