html被选中禁用

Question

我在选择元素中显示第一个选项时遇到问题：http://jsfiddle.net/L6h9Q/

我希望第一个选项标记用作占位符，但默认情况下首先显示第二个选项标记。

Answer 1

您可以将selected="selected"属性添加到第一个选项以将其置于默认状态。

Answer 2

解决方法：http://jsfiddle.net/L6h9Q/2/

基本部分：

1. 将required添加到select;
2. 使用select:invalid将颜色设为灰色;
3. 使用option:first-child将第一个选项设为灰色。

下行：仅适用于支持HTML5 / CSS3的浏览器。

---

修改：

受到@Russell的启发，这是一个（有点）更好的解决方案：http://jsfiddle.net/L6h9Q/3/

Answer 3

无法选择已禁用的项目（根据定义）。确实选择了加载页面时显示的项目。

使用普通JS和HTML的规范方法是启用该选项，然后在提交时验证表单结果（客户端和服务器端）。如果用户选择了占位符选项（在您的情况下为“城市...”），则让他们知道他们做出了无效选择。

Answer 4

是的，因为它将首先显示已启用的值，然后仅显示已禁用的值