将必需的属性应用于复选框

Question

我们可以将必需的属性应用于 html 多个复选框中的复选框吗？而不使用 javascript 或 jquery

我想在没有 javascript 的情况下对 html 页面应用验证。并且还会显示警告消息。答案不包含任何类型的函数等。

Answer 1

我很确定可以通过以下方式完成：

<!-- other code here -->
<input type="checkbox" required>
<!-- other code here -->

如果未填写复选框，将自动给出错误弹出消息。

Answer 2

是的，您可以将 required 属性应用于 HTML 中的复选框，即使您有多个复选框也是如此。

<form>
    <div>
        <label><input type="checkbox" name="option" value="option1" required> Option 1</label>
    </div>
    <div>
        <label><input type="checkbox" name="option" value="option2" required> Option 2</label>
    </div>
    <div>
        <label><input type="checkbox" name="option" value="option3" required> Option 3</label>
    </div>
    <div>
        <label><input type="checkbox" name="option" value="option4" required> Option 4</label>
    </div>

    <input type="submit" value="Submit">
</form>