本文摘自PHP中文网,作者不言,侵删。
HTML中select标签可以在表单上的项目中创建公共选择框,本篇文章就来给大家具体介绍一下select标签的用法。
我们首先来看一下什么是select标签?
select标签是用于创建选择框的标签。当你希望用户从下拉菜单项中进行选择时可以使用select标签。
你可以将select标签用作表单的一部分,也可以使用JavaScript获取所选项的值。
如何使用select标签?
要使用select标签,可以通过在select标签之间添加option标签来创建下拉菜单。
1 2 3 4 5 | < select name = "name" id = "name" >
< option value = "name1" >张三</ option >
< option value = "name2" >李四</ option >
< option value = "name3" >王二</ option >
</ select >
|
select标签复杂的使用方法
代码示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title ></ title >
</ head >
< body >
< label >php中文网视频课程选择:
< select name = "program" multiple size = "4" >
< optgroup label = "application" >
< option value = "wordpress" >前端视频课程</ option >
< option value = "webapp" >php视频教程</ option >
< option value = "laravel" >bootstrap视频课程</ option >
</ optgroup >
< optgroup label = "mobile" >
< option value = "iphone" >iPhone</ option >
< option value = "android" >Android</ option >
< option value = "unity" >Unity</ option >
</ optgroup >
</ select >
</ label >
</ body >
</ html >
|
说明:
阅读剩余部分
相关阅读 >>
html中的select标签如何使用
select标签是什么意思?
更多相关阅读请进入《select标签》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML中的select标签如何使用