html - 强制选择选项与未选择相同

Question

我有一个 HTML 选择表单，里面有几个选项。我想要“（选择一个问题）”的默认选项，但我不希望该选项可提交。如果用户尝试在选择此选项的情况下提交，我希望显示“请填写此字段”消息。

我在其他网站上见过很多次，所以我知道这是可能的，以某种方式，但我不知道如何处理它。

标签： htmlformsdrop-down-menu

Answer 1

此链接：如何为“选择”框制作占位符？，由 Jasper Kent 提供，帮助我解决了这个问题。

有一个解决方案可以执行以下操作：

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="hurr">Durr</option>
</select>

这会强制在提交之前必须切换选项，并且用户也不能重新选择该选项。它还使其成为默认选择。