?
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

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

ag亚游代理,  结婚前两家人说好了彩礼是5万8,可是临近婚期,老婆的娘家人又张口要三万,说是他们那里的习俗,她是家里的独生女,所以要比别人的彩礼钱多,我爸妈都是要面子的人,虽然对他们的要求很生气,但最后还是又多加了三万,也就是彩礼费是8万8,婚礼才照常进行。

他指出,自从B-2诞生之后,飞翼就成了许多飞机为实现高隐身而选择的经典布局形式。但在目前技术水平下,飞翼式布局的飞机通常只适合亚声速和高亚声速飞行。因此轰-20极有可能采取“红色B-2”的设计思路,即飞翼式亚音速隐身轰炸机。一射一传!林良铭助球队大胜 状态火热近5场造6球  杨宇军:你说的这个联合演习不仅仅是中国、东盟和美国之间举行的,它是由东盟和其他的八个国家,也就是“10+8”框架下共同举行的。根据2012年东盟防长扩大会(即“10+8”防长会)成员国达成的共识,今年6月将在文莱举行“10+8”防长会人道主义援助救灾和军事医学专家组联合演练。这是“10+8”防长会框架下举行的首次多国联演,中国军队届时将派部队参加这次联合演练。

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下来菜单列表呢?那是我们用于表单下拉选择所需项。

下面CSS技术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="/www16a3DIVCSS516a3com/">DIVCSS5</option> 
  5. <option value="/www16a3divcss516a3com/">DIVCSS5</option> 
  6. </select> 
  7. </form> 

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

  1. <script type="text/javascript"> 
  2. <!-- 
  3. function MM_jumpMenu(targ,selObj,restore){ /v316a30 
  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案例截图
实例案例截图

完整案例在线演示/www16a3divcss516a3com/fanli/form-select.html
完整案例下载地址

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

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

学习DIV+CSS欢迎来DIVCSS5!

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

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

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

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

纳吉布及妻子被禁止离境 回应称接受移民局决定 中超-神剧!神仙球!三球领先险绝平 泰达3-2一方 纽约华裔男子花29万美元娶妻 女方订婚后逃跑 耻辱!曼联摆大巴走火入魔 穆帅这次终败给自己 卡特彼勒第一季获利超预期 成本上升疑虑致股价大跌 饿了么平台上活跃的“黑夜宵” 中国科学家揭示晒太阳为何让人更聪明 培养费为针对球员价格暴涨 CBA引大牌难度加大 儿子不听话女子请人扮人贩子吓儿子 结果娃真丢了 走进荷兰马术大师赛 感受荷兰人的“马术DNA” 巴萨门神为球队打气:赛季还未结束 力争双冠王 社交电商能否催生新巨头?
90后情侣国外赌场当客服 回国后以开设赌场罪被抓 比利亚:瓜帅已在史上最佳教练之列 成就超越冠军 人民日报谈特长生招生:让特长教育回归纯粹 羽联裁判再遭吐槽 不给警告直接罚分实在太自我 CBA赔率:鏖战!硬拼!广厦虎口脱险扳成3-3 蔡英文劝高中生先当兵再念大学 网友:毁人不倦 英国王室婚礼:从帝国扩张手段到文化名片 疫苗无需低温保存?美科学家研发金属有机框架疫苗 德罗赞揭开冰山一角 四类精神疾病正成NBA大患 中超国脚团再添一人!马斯切拉诺入选阿根廷男足 国象联赛上海胜北京迎开门红 重庆战平深圳 人民日报谈汶川地震十周年:见证勇毅前行中国力量
俄民调:中国是对俄最有价值最友好国家 美国最敌对 药监局主管媒体:理性看不良反应 有些非疫苗导致 云南省长:明目张胆的强制购物现象已基本整治 亚汇中国:全球市场疯狂一夜 恐怖数据又将来袭 拜仁锋线让人看迷 一个被C罗落远 一个愁坏勒夫 抖音爆红之后 BAT全面进军短视频领域 美银美林预测明年油价或重返100美元 北京中赫国安联手清华大学 签订合作备忘录 女子投资群里“炒黄金”:群里除了我 全是骗子 李在镕获得缓刑释放 三星电子会否重启收购战车 黑色系主力走强 焦炭领涨近3% 收盘:道指狂泻1175点 日跌数字创历史纪录 逃犯夫妻涉嫌非法吸储3亿余元 潜逃越南后被抓 ag亚游代理