时间戳

首页 > 解决方案 > 如何强制选择下拉选项

html - 如何强制选择下拉选项

问题描述

我有一个带有此代码的 PUG 模板：

select#categoryDropdown(name='category', required)
  option(value='none', selected, disabled, hidden) -- Select an option --
  option(value='school') school
  option(value='family') family

生成此表单：

<select id="categoryDropdown" name="category" required="">
  <option value="none" selected="" disabled="" hidden="">-- Select an option --</option>
  <option value="school">school</option>
  <option value="family">family</option>
</select>

该表单允许用户在不选择值的情况下提交。我不知道问题是-- Select an option --已经选择了该选项，还是我的 PUG/Jade 语法没有设置正确的字段，例如 withrequired=""而不是required.

如何修复 PUG 代码以强制用户在选择下拉列表中选择非默认字段？

标签： htmlformspug

解决方案

您的代码应如下所示

select#categoryDropdown(name='category', required)
  option(value='', selected) -- Select an option --
  option(value='school') school
  option(value='family') family

"none" 是一个有效值，并且 required 属性将其视为有效值。

推荐阅读