我觉得这很有趣，因为不久以前我也经历过同样的事情。 然而，我在互联网上看到了一个关于这个解决方案的例子。

话不多说，请看下面的代码片段:

<select>
 <option value data-isdefault="true">--Choose one Option--</option>
 <option>Option 1</option>
 <option>Option 2</option>
 <option>Option 3</option>
</select>

这样，它将保持不可提交，但可以随时选择。用户界面更方便，用户体验更好。

好了，就这些了，希望能有所帮助。干杯!

也许这个会有帮助

<选择> <option disabled selected value>——选择一个选项——</option> <选项>选项1 > < /选项 <选项>选项2 > < /选项 <选项>选项3 > < /选项 < /选择>

——select an option——默认显示。但是如果你选择了一个选项，你将不能再选择它。

您也可以通过添加一个空选项来隐藏它

<选择风格= "显示:没有" >

所以它不会再出现在列表中了。

选项2

如果你不想写CSS，并期望上面的解决方案具有相同的行为，只需使用:

<option hidden disabled selected value>——选择一个选项——</option> .

今天(2015-02-25)

这是有效的HTML5，并发送一个空白(不是空格)到服务器:

<option label=" "></option>

验证有效性http://validator.w3.org/check

Win7(IE11 IE10 IE9 IE8 FF35 Safari5.1) Ubuntu14.10(Chrome40, FF35) OSX_Yosemite(Safari8, Chrome40) Android(Samsung-Galaxy-S5)

下面的代码今天也通过了验证，但是从大多数浏览器(可能不需要)向服务器传递某种空格字符，在其他浏览器上传递一个空白(Chrome40/Linux传递一个空白):

<option>&#160;</option>

之前(2013-08-02)

根据我的笔记，在2013年，上面所示的选项标签内的非间断空格实体产生了以下错误:

错误:W3C Markup Validaton Service (Public):第一个子选项 属性的选择元素的 多个属性，其大小为1，必须为空 值属性，否则必须没有文本内容。

当时，一个普通的空格是有效的XHTML4，并从每个浏览器发送一个空白(不是空格)到服务器:

<option> </option>

未来

如果规范更新到明确允许空白选项，我会很高兴。最好使用最简洁的语法。以下任何一个都很好:

<option />
<option></option>

测试文件

<！DOCTYPE html > < html > < >头 <meta http-equiv=" content - type " content="text/html;utf - 8字符集= " / > <标题>测试< /名称> > < /头 <身体> <form action="index.html" method="post"> <选择name = "选取" > <option label=" "></option> . < /选择> > < /形式 < /身体> < / html >

我觉得这很有趣，因为不久以前我也经历过同样的事情。 然而，我在互联网上看到了一个关于这个解决方案的例子。

话不多说，请看下面的代码片段:

<select>
 <option value data-isdefault="true">--Choose one Option--</option>
 <option>Option 1</option>
 <option>Option 2</option>
 <option>Option 3</option>
</select>

这样，它将保持不可提交，但可以随时选择。用户界面更方便，用户体验更好。

好了，就这些了，希望能有所帮助。干杯!

< td > < b >字段标签:< / b > < br > <选择风格= '对齐:左;' id='some_id' name='some_name'> .宽度:100% <option hidden selected>选择一个 <选项值=“Value1”> OptLabel1 > < /选项 <选项值= Value2的> OptLabel2 > < /选项 <选项值= ' Value3 ' > OptLabel3 < /选项> < /选择> 道明> < /

只需把“隐藏”选项你想隐藏下拉列表。

为了显示，请在下拉菜单中选择一个值，并在选择某个值后隐藏它。请使用下面的代码。

它还将支持所需的验证。

<select class="form-control" required> <option disabled selected value style="display:none;">—请选择一个值</option> . <option >Data 1</option> . <option >Data 2</option> <option >Data 3</option> . < /选择>