Html 如何使用css在“选择”未选择任何内容时设置默认提示

当使用css没有为选择框选择任何内容时，是否可以设置默认提示？还是有一种优雅的方式来处理这个问题

 <option>Select Here</option>?

试试这个：

<select>
    <option value="" disabled>Select one--</option>
    <option value="someVal1">Option 1</option>
    <option value="someVal2">Option 2</option>
    <option value="someVal3">Option 3</option>
    <option value="someVal4">Option 4</option>
</select>

---

尝试使用未设置值的选项

<select>    
    <option value>Select something</option>
    <option value="1">Foo</option>
    <option value="2">Bar</option>
</select>

---

被接受的答案对我来说没有预期的效果

如果您需要在默认情况下选择“选择一个”选项，这对我很有用

<select id="selected_option" name="selected_option">
     <option value="default" selected="selected">Select one option </option>
     <option value="someVal1">Option 1</option>
     <option value="someVal2">Option 2</option>
     <option value="someVal3">Option 3</option>
     <option value="someVal4">Option 4</option>
</select>

select具有id和名称也很重要，因此当您提交表单时，该值将成为POST或GET的一部分 空的 按钮1 按钮2

---

这是我设置默认提示的方式，但它不会设置默认值。它需要使用HTML5验证。这可能有点偏离了这个问题，但我希望它能作为替代方案有所帮助

<select id="car" name="car[brand]" required>
  <option disabled selected>Select Car Brand</option>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

---

注：我删除了我之前的回答，因为@Quentin指出我错了，我找到了其他来源来反驳我的陈述，即它不是一个元素。然而，我确实发现，@昆廷所暗示的浏览器间不一致的支持以及它们只能在元素中存在的事实，使得许多人认为它们更像属性，而不是元素。为了使事物兼容并遵循最佳实践。事实上，它们只能存在于元素中，这使得许多人认为它们更像属性，而不是元素，以便使事物兼容并遵循最佳实践。您对元素的看法并不影响代码的兼容性，最佳实践是一个毫无意义的短语。此外，您可以添加selected=selected，使其成为默认值。如果该值被更改，它将无法更改回这是无用的，初始提示不会在上选择load@SuperUberDuperOP特别询问如何在加载时未选择任何内容时设置默认提示。此解决方案利用默认浏览器功能，在未选择任何选项时显示第一个选项的文本。由于它是一个默认值，我推断默认情况下不应选择该值。如果你想把它选中，就把它和cadlac的评论结合起来，尽情享受吧。简单地说解决方案没用是不正确的，粗鲁的，坦率地说有点粗鲁。它不需要id，名称就足够了。id是必需的，如果使用标签文本，这应该是公认的答案，对meselect来说应该是有效的。你如何通过html5验证强制select具有非默认值？这对我不起作用，因为它不显示，所以选择一些内容。默认选中的选项是空文本选项此选项与禁用的选项组合是完美的，但如果要手动选择“返回提示”选项，则与此无关。这是否回答了您的问题？