Loading [MathJax]/jax/input/TeX/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在HTML中的选择(下拉)菜单中设置不可选择的默认描述？

问如何在HTML中的选择(下拉)菜单中设置不可选择的默认描述？
EN

Stack Overflow用户

提问于 2011-03-06 11:48:46

回答 7查看 178K关注 0票数 34

在用户选择语言的地方，我有一个下拉列表：

<select>
    <option>English</option>
    <option>Spanish</option>
</select>

我希望最初显示的默认选项是“选择语言”，而不是“英语”(我的第一个选项，默认显示)。
我不希望用户能够选择“选择语言”。

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2011-03-06 11:50:09

如果select中没有一个选项具有selected属性，则第一个选项将是选中的选项。

为了选择一个不是第一个的默认选项，向该选项添加一个selected属性：

<option selected="selected">Select a language</option>

您可以在select元素中读取有关默认值的HTML4.01规范。

如果你需要像这样学习HTML基础知识，我建议阅读一本好的HTML书籍--我推荐头第一HTML。

票数 46

EN

Stack Overflow用户

发布于 2013-05-13 06:51:23

在Oded的答案的基础上，您也可以设置默认选项，但如果它只是虚拟文本，则不能将其设置为可选择的选项。例如，您可以：

<option selected="selected" disabled="disabled">Select a language</option>

这将在用户单击复选框之前显示“”，但由于禁用的属性，用户将无法选择它。

票数 57

EN

Stack Overflow用户

发布于 2015-07-09 19:36:57

.selectmenu{
  
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: #0088cc ;
	width: 200px; /*Width of select dropdown to give space for arrow image*/
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
	color: #FFF;
	border-radius: 2px;
	padding: 5px;
    border:0 !important;
	box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
}
.hideoption { display:none; visibility:hidden; height:0; font-size:0; }

Try this html

<select class="selectmenu">
<option selected disabled class="hideoption">Select language</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
<option>Option 4</option>
<option>Option 5</option>
</select>

票数 5

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5212939

复制

相关文章

html中如何设置默认图片？

大家可能都知道img标签是怎么设置默认图片的，但是你知道background-img是如何设置默认图片的嘛？

Javanx

2019/09/04

5K0

CSS 下拉菜单_下拉菜单html

https 网络安全

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

全栈程序员站长

2022/11/01

6.8K0

html下拉框设置默认值_html下拉列表框默认值[通俗易懂]

html 编程算法 http https 网络安全

HTML 和 JavaScript 综合练习题一、单项选择 1. Web 使用( D )在服务器和客户端之间传输数据。 A.FTP B. Telnet C. E-mail D. HTTP 2. HTTP 服务默认……

全栈程序员站长

2022/11/15

33.8K1

html手机端下拉菜单代码,jQuery手机移动端下拉列表选择代码「建议收藏」

网站 bash bash 指令

$(‘.downlist’).eq($(“.retrie dt a”).index($(this)[0])).show();

全栈程序员站长

2022/07/31

5.7K0

如何在matlab中实现可编辑下拉菜单？

matlab 编程算法

小编经过权衡后，选择了第三种方式来实现，并相关操作集成到一个名为popUpMenu的函数当中，如果需要使用直接调用即可，下面就一起来看看这个函数吧。

巴山学长

2020/06/03

2.2K0

人生中的选择

我曾经在微博出了一个选择题：假设不能兼得，以下三位候选人你会跟谁结婚： A）Sex Partner（性伴侣，在一起激情四射） B）Business Partner（商业伙伴，前途钱财与名利无限） C

用户1756920

2018/06/20

1.3K0

html中下拉菜单(html做下拉菜单栏)

css html html5 java

使用html5或者jQuery如何实现文本框下拉效果，如下图 CSS布局HTML小编今天和大家分享大神详解最好有可以使用HTML5 list 属性。list 属性需要应用到 input 框上，然后内容写一个自定义的 id 然后在任意位置放一对 datalist 标签，并给 datalist 框一个 id，和 list 属性指向的 id 一致即可。在 datalist 标签下放列表项。

全栈程序员站长

2022/08/02

11.4K0

html中下拉菜单(html做下拉菜单栏)

PyQt5 技术篇-设置下拉框默认值，获取当前选择的内容

set 管理脚本索引

setCurrentIndex() 就可以通过索引设置当前内容为items里的某个值，从0开始。例：“2"就代表"脚本管理”

小蓝枣

2020/09/23

6.8K0

下拉选择框

css 编程算法

当我们在填一些问卷的时候，问卷的设计基本都是通过输入框实现的，普通的输入框就是一个问题后面会出现一个填写内容的框架，有时还会出现下拉选择框，下拉选择框的实现是与普通输入框不一样的，下面将介绍下拉选择框的算法。

算法与编程之美

2022/04/08

2K0

html导航栏可以展开的下拉菜单,html导航栏下拉菜单如何制作[通俗易懂]

html https java css 网络安全

小编给大家分享一下html导航栏下拉菜单如何制作，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

全栈程序员站长

2022/09/01

8.7K0

IoT中的Linux选择

物联网容器 linux 嵌入式

在物联网的设备设计中，从低成本和低功耗的角度看，Android肯定比不过嵌入式Linux。但在选择用于部署Linux的发行版本时，却一直饱受困扰。

半吊子全栈工匠

2019/01/23

2.2K0

MRP中BOM的选择？

MRP运行时会展开物料的BOM的，当物料有多个BOM时，系统是如何选择的呢？本篇将介绍一下MRP选择BOM的逻辑。

老铁一起学

2021/02/22

2.3K0

在seaborn中设置和选择颜色梯度

数据分析 python matlab numpy

seaborn在matplotlib的基础上进行开发，当然也继承了matplotlib的颜色梯度设置, 同时也自定义了一系列独特的颜色梯度。在seaborn中，通过color_palette函数来设置颜色，用法如下

生信修炼手册

2020/11/02

3.8K0

在seaborn中设置和选择颜色梯度

HTML中背景的设置

background-color 属性来完成，但在实际应用上，单调独一的背景颜色往往难以受众，因此，单独使用background-color肯定是不行的。

摸鱼的G

2023/02/22

5.4K0

HTML五级下拉联动菜单

做网页的菜单联动网上的看起来很负责，可以直接看着个，懂点jQuery就可以。这个代码简单，而且在上一篇 android下拉五级菜单联动的博文中的理论思想已经讲的很详细的了，不知道可以查看，下来直接看代码

张泽旭

2018/12/10

3.4K0

Excel中如何制作下拉菜单

文字教程准备好需要生成的清单选择你想制作下拉菜单的单元格依次点击数据→数据验证在弹出的数据验证菜单中选择第一个设置页(默认也是这个) 在允许下面选择序列(会跳出一个来源) 点击选择按钮,选择序号1准备的清单也可以手动输入清单,逗号得保证是英文逗号.例如输入土建,渗漏,门窗确定,完成 --- 图文教程准备好需要生成的清单 [清单] 选择你想制作下拉菜单的单元格,然后依次点击数据→数据验证 [数据→数据验证] 在弹出的数据验证菜单中选择第一个设置页(默认也是这个) [设置页]

但老师

2020/02/27

1.6K0

机器视觉中的光源选择

光源是机器视觉系统中重要的组件之一，一个合适的光源是机器视觉系统正常运行的必备条件。因此，机器视觉系统光源的选择是非常重要的。使用光源的目的是将被测物体与背景尽量明显分别，获得高品质、高对比度的图像。光源是机器视觉获取图像的基础，通过对光源的改进与设计可以高效的提取出所需目标信息，极大地提高图像处理和识别的效率，提高系统测量精度和可靠性；反之，光源的错误使用则会造成图像处理复杂度提高，系统效率低下。

小白学视觉

2022/04/06

9860

vim中对文本的选择

java https ide 网络安全

c. 用上下键选择文本；（v选择多个连续的字符，V选择连续的行，Ctrl+v选择对应的块）

全栈程序员站长

2022/07/12

1.7K0

selenium下拉框选择

下拉框结构如下，我需要选择的是new： html为： <select id="condition_type" name="condition_type" class="notification-req

机器学习和大数据挖掘

2019/07/02

3.3K0

HTML5中类jQuery选择器querySelector的使用

html5 jquery java

简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器。这使得在编写原生JavaScript代码时方便了许多。用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。 element = document.querySelector('selectors');elementList = document.querySel

前朝楚水

2018/04/02

3.4K0

HTML5中类jQuery选择器querySelector的使用

相似问题

如何在HTML下拉列表中设置默认的选择选项？

12

在选择下拉菜单中自动设置默认文本

38

HTML -选择下拉菜单中的数字

20

在JQuery移动中的选择菜单中设置默认选择？

36

如何在css中设置选择下拉菜单的大小

14

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例