【自学HTML笔记第5篇】HTML中的下拉菜单标签
我们每个人都有瑕疵,不满别人的同时我们更应该去懂得理解和接受;
目录
下拉菜单标签:
代码演示:
select 标签常用属性:
代码演示:
option标签常用属性:
代码演示:
如果觉得写的不错,就收藏该专栏吧!!!
我们在生活中可能会遇到这样的情况(如上图):那么这样的菜单在HTML中是如何实现的呢?
下拉菜单标签:
在 HTML 中,下拉菜单是由 select 和 option 这两个表单标签一起使用来表示的。
语法使用:
<form><select><option>选项内容 1 </option>……<option>选项内容 N </option></select>
</form>
代码演示:
<form >请选择城市<br><select ><option value="">城市1</option><option value="">城市2</option><option value="">城市3</option><option value="">城市4</option><option value="">城市5</option></select></form>
效果:就是最上面的图片;
select 标签常用属性:
代码演示:
请选择你去过的城市<br><select multiple size="4"><option>城市1</option><option>城市2</option><option>城市3</option><option>城市4</option><option>城市5</option><option>城市6</option><option>城市7</option><option>城市8</option></select>
option标签常用属性:
属性 | 解释说明 |
---|---|
selected | 规定选项(在首次显示在列表中时)表现为选中状态。 |
value | 定义送往服务器的选项值 |
代码演示:
请选择的城市<br><select ><option value="no1">城市1</option><option value="no2">城市2</option><option value="no3">城市3</option><option value="no4" selected>城市4</option> </select>
在没选择之前是默认城市4的;
如果觉得写的不错,就收藏该专栏吧!!!
【自学HTML笔记第5篇】HTML中的下拉菜单标签相关推荐
- python choice添加下拉框_自定义Django Form中choicefield下拉菜单选取数据库内容实例...
工作中遇到的问题,自定义了一个forms.form表单,某项需要作出下拉菜单,下拉菜单中的选项需要从数据库(objectForm models)中提取. form.py为: class objectF ...
- python下拉菜单_自定义Django Form中choicefield下拉菜单选取数据库内容实例
工作中遇到的问题,自定义了一个forms.form表单,某项需要作出下拉菜单,下拉菜单中的选项需要从数据库(objectForm models)中提取. form.py为: class objectF ...
- Delphi访问网页中的下拉菜单
Delphi通过TWebBrowser浏览网页,然后访问该网页中的下拉菜单: uses MsHtml; procedure TForm1.Button1Click(Sender: TObject); ...
- 在excel的单元格中设置下拉菜单
很多时候我们在编辑excel的时候,在插入相同的内容时显得比较繁琐,下面教大家在excel单元格中设置下拉菜单,直接点击后更改单元格内容..步骤如下: 1.选中一列,然后点击菜单栏"数据&q ...
- 新版HyperMesh的Assemblies中调出下拉菜单查看Component(装配关系模型树)
新版HyperMesh的Assemblies中调出下拉菜单查看Component(装配关系模型树) 从Altair更新的2019版本开始,在Model模型树中找不到Assemblies了,这样导致好多 ...
- excel中通过下拉菜单显示不同的报表内容,类似下拉选项中,一旦切换内容,后面的表格内容全都不同?
EXCEL是日常办公中应用非常多的办公软件之一,其强大的数据统计.分析功能为我们的工作带来不少方便.我们可以在EXCEL中设置下拉菜单,以方便我们输入相同内容.本文就以将性别设置为下拉菜单为例,介绍具 ...
- 为什么微信截图无法截取其他软件中的下拉菜单
原因终于找到了: 想要截取其他软件中的下拉菜单,不能使用微信默认的截屏快捷键!!! 改一下快捷键就可以了!!!
- excel添加列下拉框票价_如何在excel中设置下拉菜单
excel是日常办公中应用非常多的办公软件之一,其强大的数据统计.分析功能为工作带来不少方便.在EXCEL中设置下拉菜单,以方便输入相同内容.本文就以将性别设置为下拉菜单为例,介绍在excel中设置下 ...
- html 下拉框设置名称,html下拉菜单怎么做?高手教你如何在HTML和CSS中创建下拉菜单...
html下拉菜单怎么做?html下拉菜单代码是什么?这些对于刚刚入门的新手,还不是很明白,下面高手教你如何在HTML和CSS中创建下拉菜单? 很多人都会遇到将鼠标悬停在导航上,会出现下拉菜单; 一般出 ...
最新文章
- 云计算技术 — 公有云
- Nxt节点安装指南之RaspberryPi树莓派版
- JVM - 解读GC中的 Safe Point Safe Region
- Gradle项目中gradle.build文件中的buildScript代码块
- [基础常识]申请免费SSL证书 - 阿里云云盾证书 - Digicert+Symantec 免费型DV SSL
- Win32 串口编程(三)
- lintcode:排颜色 II
- c语言数组输出最大值和次大值,求给定数组的最大值与次大值
- 阿里云Quick BI——让人人都成为分析师
- try catch finally 中包含return的几种情况,及返回结果
- 地球物理模型-薄互层-桔灯勘探
- C# winform推荐波形图表控件scottplot
- vue源码解析-实现
- ZDNS正式成为“.ren”顶级域名注册管理机构
- 电机控制的fast decay与slow decay
- Reason: Cannot pass null or empty values to constructor in spring security
- 缓存加速------Redis的五种数据类型(String,List,Hash,Set,Sorted Set)
- python开头注释
- 一份手游代理合同,让你知道游戏代理商该干什么!
- Jmeter项目文档