当前阅读教程:HTML入门到精通 > 4.28.2 option标签 | ||||||||||||||||
阅读(22555525) 收藏 赞(5685) 分享 | ||||||||||||||||
上一篇: 4.28.1 select 标签 | 下一篇: 4.29 HTML表单选项组 optgroup标签 | |||||||||||||||
基础语法大多数主流浏览器支持 <option> 标签。 The <option> 标签定义下拉列表中的一个选项(一个条目)。 <option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。 提示和注释 注释:<option> 标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容。 注释:请与 select 元素配合使用此标签,否则这个标签是没有意义的。 提示:如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。 <option> 标签支持全局属性,<option> 标签支持所有 HTML事件属性。 <select> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="opel">Opel</option> <option value="audi">Audi</option> </select> 属性
示例:HTML表单下拉选项 select标签和option标签下面我们来看下在网页中的效果,示例 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML表单下拉选项select标签和option标签</title> </head>
<body> <select id="s1"> <option value="1">男</option> <option value="2">女</option> <option value="0">未知</option> </select> <input type="button" value="获取select的值" onClick="fun01()" > <script> function fun01(){ v01 = document.getElementById("s1").value; alert("你select是:"+v01); } </script> </body> </html> 效果如图4-41和图4-42。 |
||||||||||||||||
上一篇: 4.28.1 select 标签 | 下一篇: 4.29 HTML表单选项组 optgroup标签 |