R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R R

      <noframes id="LVXRHZN"><address id="LVXRHZN"><nobr id="LVXRHZN"></nobr></address>

      <noframes id="LVXRHZN"><noframes id="LVXRHZN"><address id="LVXRHZN"><listing id="LVXRHZN"></listing></address>
      <sub id="LVXRHZN"></sub>

        <sub id="LVXRHZN"></sub>
        <address id="LVXRHZN"><listing id="LVXRHZN"><menuitem id="LVXRHZN"></menuitem></listing></address>

        <sub id="LVXRHZN"></sub>

        <address id="LVXRHZN"></address>

        <address id="LVXRHZN"></address>
        <noframes id="LVXRHZN">

          <noframes id="LVXRHZN">
          <sub id="LVXRHZN"></sub>
              <address id="LVXRHZN"><listing id="LVXRHZN"><menuitem id="LVXRHZN"></menuitem></listing></address>
            1. 820466150 2017-11-04
            2. 388113149 2017-11-04
            3. 740898148 2017-11-04
            4. 892683147 2017-11-04
            5. 540252146 2017-11-04
            6. 888745145 2017-11-04
            7. 981419144 2017-11-04
            8. 544637143 2017-11-04
            9. 454205142 2017-11-04
            10. 212476141 2017-11-04
            11. 39821140 2017-11-04
            12. 170835139 2017-11-03
            13. 37766138 2017-11-03
            14. 538854137 2017-11-03
            15. 926181136 2017-11-03
            16. 18188135 2017-11-03
            17. 420335134 2017-11-03
            18. 553276133 2017-11-03
            19. 4149132 2017-11-02
            20. 883561131 2017-11-02
            21. 891189130 2017-11-02
            22. 649552129 2017-11-02
            23. 950957128 2017-11-02
            24. 295914127 2017-11-02
            25. 781243126 2017-11-02
            26. 682892125 2017-11-02
            27. 829649124 2017-11-02
            28. 168426123 2017-11-01
            29. 406171122 2017-11-01
            30. 724134121 2017-11-01
            31. “砥砺奋进的五年”大型成就展
            32. “总书记的回信说到了我们心坎上”
            33. 德媒:拒绝“洋垃圾”——肮脏的游戏,中国不玩了
            34. 求实创造 为人师表
            35. 家长群里质疑老师收礼排座位 被班主任踢出家长群
            36. 两手抓两促进 打造坚强战斗堡垒
            37. 新论:党章,每个党员都需时刻铭记
            38. 谁击落了MH17?各方互相指责
            39. 互联网用户公众账号信息服务管理规定
            40. 台籍律师在大陆 就业+创业不是“梦”
            41. 法国总统说政治对话是保证叙利亚实现可持续和平的唯一办法
            42. 天胶“保险+期货”精准扶贫首批给付500万 惠及云南临沧400余建档贫困户
            43. [征集]资深网友看这里 新时代老人们希望何种"夕阳红"
            44. 近千家A股公司三季报业绩预喜
            45. 台媒吹台特种兵“斩首”能力一流:堪比海豹三角洲
            46. 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
              您的位置:DIVCSS5学习网 > HTML >

              HTML基础必学列表

              Html form <select>下拉列表菜单与跳转菜单表单标签篇

              Html form select下拉列表菜单与select跳转菜单表单标签案例教程

              select目录
              1. Form select语法与结构
              2. Form select标签使用认识
              3. select普通菜单与跳转菜单案例
              4. DW软件里截图表单效果
              5. select表单标签案例图
              6. html form select案例总结

              一、Form select语法与结构:   -   TOP

              1. <select name=""> 
              2. <option value="0">DIVCSS5</option> 
              3. <option value="1">DIVCSS5</option> 
              4. </select> 

              二、Form select标签使用说明:   -   TOP

              为什么我们要使用Form select下来菜单列表呢?那是我们用于表单下拉选择所需项。

              下面DIVCSS5学习网技术DIVCSS5为大家介绍常见html Form select使用地方。

              我们使用表单下拉列表选择数据,如省、市、县、年、月等数据,我们即可使用下拉菜单表单进行设置。
              select 我下拉列表菜单标签
              Option为下拉列表数据标签
              Value 为Option的数据值(用于数据的传值)

              form select下拉菜单列表使用地方展示
              select使用地方,上图为日期下拉列表案例运用截图

              三、Form select使用种类:   -   TOP

              Select下拉菜单列表表单标签,常使用有两种

              1)、普通下拉列表菜单
              html代码如下:

              1. <form action="" method="get"> 
              2. <label>1、普通下拉列表菜单</label> 
              3. <select name=""> 
              4. <option value="0">DIVCSS5</option> 
              5. <option value="1">DIVCSS5</option> 
              6. </select> 
              7. </form> 

              2)、跳转下拉列表菜单(如常见点击后跳转到选择网站)
              常常一些网站做友情链接,与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。

              跳转菜单html代码如下:

              1. <form action="" method="get"> 
              2. <label>2、跳转的下拉列表菜单</label> 
              3. <select name="jumpMenu" id="jumpMenu"
                 onchange="MM_jumpMenu('parent',this,0)"> 
              4. <option value="http://www.tommstudio.com/">DIVCSS5</option> 
              5. <option value="http://www.tommstudio.com/">DIVCSS5</option> 
              6. </select> 
              7. </form> 

              实现跳转还需要在head标签内加入Js脚本动作代码:

              1. <script type="text/javascript"> 
              2. <!-- 
              3. function MM_jumpMenu(targ,selObj,restore){ //v3.0 
              4. eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); 
              5. if (restore) selObj.selectedIndex=0
              6. //--> 
              7. </script> 

              即可使用表单select控件实现跳转的列表菜单效果。

              3)、更简洁的新建浏览器(选项卡)窗口跳转菜单:
              只需<select>标签内加入如下代码:

              onchange="javascript:if (this.options[this.selectedIndex].value != '') window.open(this.options[this.selectedIndex].value);this.options[0].selected;"

              得到以下代码:

              1. <select onchange="javascript:if (this.options[this.selectedIndex].value != '')
                 window.open(this.options[this.selectedIndex].value);this.options[0].selected;"
                > 

              完整简单新打开网页窗口跳转菜单实例:

              1. <form action="" method="get">  
              2. <label>新建浏览器网页窗口下拉跳转菜单</label>  
              3. <select name=""onchange="javascript:if (this.options[this.selectedIndex].value != '')
                window.open(this.options[this.selectedIndex].value);this.options[0].selected;"
                >  
              4. <option value="0">DIVCSS5</option>  
              5. <option value="1">DIVCSS5</option>  
              6. </select>  
              7. </form>  

              四、DW软件里截图表单效果:   -   TOP

              select下拉菜单列表与跳转下拉菜单案例截图
              html select下拉菜单列表与跳转菜单案例截图

              五、此select表单标签案例在浏览器中效果:   -   TOP

              form select案例截图
              实例案例截图

              完整案例在线演示http://www.tommstudio.com/fanli/form-select.html
              完整案例下载地址

              六、DIVCSS5对html form select案例总结说明:   -   TOP

              1)、form select常常我们使用此表单控件设置网页下拉列表菜单
              2)、当我们选择“2、跳转的下拉菜单列表”下拉数据后,将会跳转到对于指定设置URL网站。使用select表单下拉菜单实现跳转网站网址非常实用或方便,同时记得加上JS代码。
              3)、html form、form input、html input、input type、form表单

              学习DIVCSS5学习网欢迎来DIVCSS5!

              如需转载,请注明文章出处和来源网址:http://www.tommstudio.com/html/h336.shtml

              我要分享到:
              上一篇:HTML <EM>强调标签元素
              下一篇:HTML5知识

              必备CSS教程 Essential CSS Tutorials

              必备HTML基础教程 Essential HTML Tutorials

               

              如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
              DIVCSS5学习网文章修订日期:2013-01-08 12:03 原创:DIVCSS5学习网
              本文www.tommstudio.com DIVCSS5版权所有。