css - 通过用东西包裹表单元素来禁用或只读表单元素？

Question

是否可以在 HTML 表单中通过用某些东西将多个输入元素标记为只读或禁用？

例如，我知道您可以将表单本身设置为禁用，但这当然会禁用整个表单。我在想类似的东西:

<form>

    <input name="not-readonly">

    <div readonly="readonly">
        <input name="readonly-field-1">
        <input name="readonly-field-2">
    </div>

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

或者这可以用 CSS 以某种方式解决吗？或者可能只使用 Javascript？

Answer 1

刚刚发现您可以使用 fieldset 来禁用一组表单元素标签。不过好像是slightly buggy in certain versions of IE .也不支持 readonly 属性，不幸的是，这是我在这种情况下需要的属性……也许稍后会添加它？

<form>

    <input name="not-disabled">

    <fieldset disabled>
        <input name="disabled-field-1">
        <input name="disabled-field-2">
    </fieldset>

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