Question

所以我正在尝试制作一个表格而且我无法制作它所以一切都需要这两个，无论我把所需的字段放在哪里都不会让它们成为必需的..有人能解释一下吗？

Select Your Room:
<select id="room" name="room">
  <option disabled selected>
        Choose a room
  </option>
    <option value="S308">
        S308
    </option>
    <option value="S324">
        S324
    </option>
    <option value="L2">
        L2
    </option>
    <option value="ME201">
        ME201
    </option>
    <option value="ME208">
        ME208
    </option>
</select>
<p>Machine Number:</p>
<!-- add label  here -->
<label for="machinenum">1 - 15</label>
<input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1"><br>

（我只展示了我不理解的部分。我的代码有<form>等。）

Answer 1

下面的工作示例。我所做的改变：

将您的代码段放在
为select和input元素添加了required属性以启用HTML5验证
为启用
添加了提交按钮以测试表单

Select Your Room:
<form>
    <select id="room" name="room" required>
      <option disabled selected value="">
            Choose a room
      </option>
        <option value="S308">
            S308
        </option>
        <option value="S324">
            S324
        </option>
        <option value="L2">
            L2
        </option>
        <option value="ME201">
            ME201
        </option>
        <option value="ME208">
            ME208
        </option>
    </select>
    <p>Machine Number:</p>
    <!-- add label  here -->
    <label for="machinenum">1 - 15</label>
    <input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1" required><br>
    <button type="submit">
    Submit
    </button>
</form>

Answer 2

我不知道您发布的代码是否是您的整个“表单”..但我会假设它只是您“表单”的一部分。

但是为了使表单元素成为必需，您必须添加required属性。

<强>必需

必需属性是布尔属性。

如果存在，则指定在提交表单之前必须填写输入字段。

必需属性适用于以下输入类型：文本，搜索，网址，电话，电子邮件，密码，日期选择器，号码，复选框，广播和文件。

像这样：

<form>
    Select Your Room:
    <select id="room" name="room" required>
        <option disabled selected>
            Choose a room
        </option>
        <option value="S308">
             S308
        </option>
        <option value="S324">
             S324
        </option>
        <option value="L2">
             L2
        </option>
        <option value="ME201">
             ME201
        </option>
        <option value="ME208">
             ME208
        </option>
  </select>
  <p>Machine Number:</p>
  <!-- add label  here -->
  <label for="machinenum">1 - 15</label>
  <input id="machinenum" name="quantity" type="machinenum" min="1" max="15" value="1" required><br>
  <input type="submit" />
</form>

我希望这有帮助！

HTML：必填字段，需要帮助

2 个答案: