通过用某些东西包裹表单元素来禁用或只读它们？

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

javascript

document.getElementById("myText").disabled = true;

CSS

<INPUT NAME="realname" VALUE="Hi There" readonly>

<INPUT NAME="realname" VALUE="Hi There" disabled>