Question

我已经在HTML <Required>中应用了<Select>标签，但是没有用。该表单仍然可以继续进行下一步，即使第一步没有选择任何内容。有人知道要解决吗？

    <label>Region :</label>
    <select id="Region" class="custom-select form-control" required>
    <option value="">Select Region</option>
    <option value="central" id="Central">Central</option>
    <option value="northern" id="Northern">Northern</option>
    </select>

Answer 1

您是否使用HTML5声明了网页？确保在页面开头声明以下语句

<!DOCTYPE html>

required属性仅在HTML5中可用，并且仅受特定浏览器支持... w3schools Required Attribute

已经在HTML5中测试了原始代码，它可以正常工作。

Answer 2

您可以完全摆脱选择选项标签，并将值select option放入选择标签本身。

<label>Region:</label>
<select value="Select Option" id="Region" class="custom-select form- control" required>

<option value="central" id="Central">Central</option>
<option value="northern" id="Northern">Northern</option>
</select>

Answer 3

您的代码是否有效取决于您使用的浏览器或使用方式。我为您编写了一个示例代码。希望它可以对您有所帮助：

<!DOCTYPE html>
<html>
<body>
<form >
 <label>Region :</label>
    <select id="Region" class="custom-select form-control" required>
    <option value="">Select Region</option>
    <option value="central" id="Central">Central</option>
    <option value="northern" id="Northern">Northern</option>
    </select>
  <input type="submit">
</form>
</body>
</html>

因此在上面的代码中，如果您不选择任何内容，将无法提交。

必需的功能无法以HTML格式运行

3 个答案: