HTML：必填字段，需要帮助

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 和输入元素添加了 required 属性以启用 HTML5 验证
为启用的默认选项添加 value=""
添加了提交按钮以测试表单

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

我不知道您发布的代码是否是您的整个 'form'.. 但我假设它只是您的 'form'.

的一部分

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

必需

The required attribute is a boolean attribute.

When present, it specifies that an input field must be filled out before submitting the form.

The required attribute works with the following input types: text, search, url, tel, email, password, date pickers, number, checkbox, radio, and file.

像这样：

<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：必填字段，需要帮助

HTML: Required Field, need assistance

html

required