下拉列表(select标签)

下拉列表：select标签

使用场景：在页面中，如果有多个选项让用户选择，使用select标签定义的下拉列表可以很有效的节约空间。

受教育程度：
<select><option>小学</option><option>初中</option><option>高中</option><option>大专</option><option>本科</option><option>研究生</option><option>博士生及博士生以上</option>
</select>

在这个程序中，select标签定义了一个下拉列表框，而每一个option标签就定义了下拉框中的一个选项：

展开：

注意：

1.select中至少应该有一个option标签。

2.option还有一个属性: selected, 其作用是设定该表单的默认值，我们可以把这个选项的默认值设定为本科试试：

教育经历:<select><option>小学</option><option>初中</option><option>高中</option><option>大专</option><option selected="selected">本科</option><option>研究生</option><option>博士生及博士生以上</option></select>

结果：

这样，我们一个简单的下拉列表框就做好了。

下拉列表(select标签)相关推荐

html下拉列表用ul,Vue.js做select下拉列表的实例(ul-li标签仿select标签)
目标:用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表. 知识点: 组件的写法及运用组件之间的数据传递(props的运用) 组件之间的数据传递($emit的运用) 动态数 ...
Selenium系列教程 - 下拉列表处理（select标签、非select标签）
主要内容 1.下拉列表类型 2. Select 下拉列表处理 2.1. Select 方法列表 2.2. Select 示例代码 3. 非 Select 下拉列表处理 1.下拉列表类型下拉列表的类型 ...
html中什么表示下拉列表,html中select标签（下拉列表）的详细介绍
html中select标签(下拉列表)的详细用法,有兴趣的朋友可以了解一下! 在网页中,下拉列表很常见,那你知道在html源代码中是怎么实现的吗?今天要分享的就是html中实现下拉列表的标签,即sel ...
html下拉列表自动打开,HTML SELECT 标签自动显示下拉选项
1.思路: 当拿到这个问题的时候,第一个想法是百度(没啥鸟用,换谷歌吧).没有找到解决办法. 然后开始尝试触发select的onclick事件, 依然没有鸟用.这时候我就开始想select标签的实现, ...
struts2中s:select标签的使用
1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别&quo ...
struts中select标签的使用
1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别&quo ...
html里下拉标记,HTML: select 标签
在线示例创建带有多个选项的下拉列表: 示例html> HTML select标签的使用(基础教程网 nhooo.com) Choose a pet: --Please choose an op ...
HTML左侧下拉列表,HTML中的下拉列表 select
HTML中的下拉列表: Volvo Saab Opel Audi 其中select是显示一个下拉列表(drop down list)出来,option是下拉列表中的项目(item),而option的文 ...
H5中的label、textarea、select标签
一. label标签 1,如果你想让点击input输入框左边的文字就可以让输入框获取焦点,就可以使用label标签把文字和input包裹起来. 2,如果label里面有多个表单,想定位到某个,可以通过 ...

下拉列表(select标签)

下拉列表：select标签

下拉列表(select标签)相关推荐

最新文章

热门文章