html下拉框占位,引导select下拉列表占位符

是的，只是“select禁用”的选项。

Please selectABC

链接到小提琴

您也可以查看答案

使用隐藏：

Display but don't show in list text 1 text 2 text 3

下拉或select没有占位符，因为HTML不支持它，但可以创build相同的效果，所以它看起来像其他input占位符相同

$('select').change(function() { if ($(this).children('option:first-child').is(':selected')) { $(this).addClass('placeholder'); } else { $(this).removeClass('placeholder'); } });

.placeholder{color: grey;} select option:first-child{color: grey; display: none;} select option{color: #555;} // bootstrap default color

Your Placeholder TextText 1Text 2Text 3

尝试这将工作更好:)

Select...

当使用required + value=""用户不能使用hidden的选项将其隐藏，从选项列表中隐藏，当用户打开选项框

试试@title =“东西”。 它为我工作。

使用Bootstrap，这是你可以做的。 使用类“文本隐藏”，禁用选项将首先显示，但不在列表中。

TitleABC

添加隐藏属性：

Please selectABC

这是另一种方法

Choose PlatformiOSAndroidWindows

“select平台”成为占位符，“必需”属性确保用户必须select其中一个选项。

非常有用，当你不想用户字段名称或标签。

Bootstrap select有一个noneSelectedText选项。 您可以通过data-none-selected-text属性进行设置。 文档 。

所有这些选项都是….即兴创作。 Bootstrap已经为此提供了一个解决scheme。 如果您想更改所有下拉元素的占位符，则可以更改其值

引导文件中的noneSelectedText。

要改变个人，你可以使用TITLE参数。

例：

Continent:

AfricaAsiaAmerica NorthAmerica SouthAntarcticaAustraliaEurope

对于.html页面

Please selectABC

为.jsp或任何其他的servlet页面。

Please selectABC

在bootstrap-select.js查找title: null,并将其删除。

在元素中添加title="YOUR TEXT" 。

好:)

例：

ABC