美文网首页
3.24问卷调查表(表单的高级应用)

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

作者: Tn299 | 来源:发表于2019-03-24 18:03 被阅读0次

题目

(一)问卷调查表
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

相关文章

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

    题目 (一)问卷调查表1.需求(1) .请输入您的购买日期:月份下拉选项为1-12月,日期下拉选项1-31日(2)...

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

    题目 1.制作调查问卷需求说明(1) .使用语义化的标签制作调查问卷。(2) .能够实现鼠标点击文本时,与文本对应...

  • 3.24申请表(表单的高级应用)

    题目 (一)申请表1.需求(1) .教育程度:默认选中硕士(2) .国籍:有美国、澳大利亚、日本、新加坡,默认选中...

  • Day09_表格表单和统筹

    学习目标 1、表单标签及属性高级 2、表格标签及属性高级 3、CSS统筹 4、BFC概念和应用场景 一、表单标签及...

  • HTML表单高级应用

    (一)表单的隐藏域 有一些表单不需要在网页上显示,但后台服务器需要这些数据进行业务处理。比如用户的id。语法: 语...

  • Day2-人生3问

    ❤️ Grace的入营申请表单:#问卷调查表# https://jinshuju.net/f/BiiVyW 百日生...

  • 2019-03-21第六次课表单续

    表单一、 表单的基本应用(一) 表单典型的应用场景 登录、注册 网上订单 调查问卷 网上搜索(二) 表单标签及表...

  • 超用户体验之高级定制系统

    超用户体验之高级定制系统 问卷调查表、表格形式、问答形式 定制系统:销售、设计、采购、生产、运输安装、交付 1、销...

  • CSS表格表单高级

    第一节 表单高级属性 表单的组成:表单域: 表单控件: 提示信息: 表单字段集 语法: 说明:相当于一个方框,...

  • npyscreen简单应用(二)- NPSAppManaged

    程序结构 npyscreen应用主要由表单(Form Object)、表单部件(Widget Object)和应用...

网友评论

      本文标题:3.24问卷调查表(表单的高级应用)

      本文链接:https://www.haomeiwen.com/subject/onguvqtx.html