首页 > Web开发 > 详细

html 下拉列表

时间:2020-06-24 10:06:13      阅读:71      评论:0      收藏:0      [点我收藏+]

<select> 即下拉列表
需要配合<option>使用

 

示例 1 : 

下拉列表

<select >
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>

技术分享图片

 

示例 2 : 

设置高度

使用属性size

<select  size="2">
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>

技术分享图片

 

 示例 3 : 

设置可以多选

使用ctrl或者shift进行多选

<select size="3" multiple="multiple">
 <option >苍老师</option>
 <option >高树玛利亚</option>
 <option >遥美</option>
</select>

技术分享图片

 

 示例 4 : 

默认选中

对option元素设置selected="selected" 属性

<select size="3" multiple="multiple">
 <option >苍老师</option>
 <option selected="selected">高树玛利亚</option>
 <option selected="selected">遥美</option>
</select>

技术分享图片

 

html 下拉列表

原文:https://www.cnblogs.com/JasperZhao/p/13185833.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!