Web前端开发技术项目教程课件 4.2.5知识点3：下拉框.pptxVIP

信息安全技术应用ApplicationofInformationSecurityTechnology下拉框《前端技术开发》

前端技术开发目录基本用法1分组2多选3

1基本用法

基本用法1下拉框（select）允许用户在多个选项中选择一个。selectname=branchesoptionvalue=0软件技术/optionoptionvalue=1计算机网络/optionoptionvalue=2人工智能/option/selectselect标签一般包含若干个option整个控件的字段名由select标签中的name属性指定控件的字段值由被选中option标签中的value决定

2分组

分组2可以使用optgroup标签为选项分组：selectname=city optgrouplabel=江苏 optionvalue=suzhou苏州/option optionvalue=wuxi无锡/option /optgroup optgrouplabel=浙江 optionvalue=hangzhou杭州/option optionvalue=jiaxing嘉兴/option /optgroup/select

3多选

多选3可以使用multiple属性配置多选：selectname=branchesmultiple optionvalue=0软件技术/option optionvalue=1计算机网络/option optionvalue=2人工智能/option/select配合【Ctrl】或者【Shift】实现多选下拉框高度随之变化

多选3size属性指定下拉框的外观能容纳多少个选项，如果选项过多会自动出现滚动条：selectname=branchesmultiplesize=5 optionvalue=0软件技术/option optionvalue=1计算机网络/option optionvalue=2人工智能/option/select

感谢观看信息安全技术应用ApplicationofInformationSecurityTechnology《前端技术开发》