html - 如何将标题添加到 html select 标签-6ren

html - 如何将标题添加到 html select 标签

转载作者：技术小花猫更新时间：2023-10-29 11:36:42

我将如何在选择标签中设置标题？这是我的选择框:

<select>
    <option value="sydney">Sydney</option>
    <option value="melbourne">Melbourne</option>
    <option value="cromwell">Cromwell</option>
    <option value="queenstown">Queenstown</option>
</select>

当我访问该网站时，默认显示“悉尼”。但我想显示一个标题，例如“你所在的城市叫什么名字？”

最佳答案

<select>
    <option selected disabled>Choose one</option>
    <option value="sydney">Sydney</option>
    <option value="melbourne">Melbourne</option>
    <option value="cromwell">Cromwell</option>
    <option value="queenstown">Queenstown</option>
</select>

使用 selected 和 disabled 将使“选择一个”成为默认选择值，但也使用户无法实际选择该项目，如下所示:

Dropdown menu

关于html - 如何将标题添加到 html select 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18179960/