如何使整个 HTML 表单“只读”？

Question

我有两个带有 HTML 表单的页面。第一页有提交表单，第二页有确认表单。第一个表单提供了许多控件的选择，而第二个页面再次显示来自提交表单的数据并带有确认消息。在第二种形式中，所有字段都必须是静态的。

据我所见，一些表单控件可以是 readonly 并且都可以是 disabled ，不同之处在于您仍然可以标签到只读字段。

有没有办法将整个表单标记为只读/禁用/静态，而不是逐个字段地执行此操作，以便用户无法更改任何控件？

原文由 Mawg says reinstate Monica 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

将输入字段和其他内容包装到 <fieldset> 并为其赋予 disabled="disabled" 属性。

示例（ http://jsfiddle.net/7qGHN/ ）：

 <form>
    <fieldset disabled="disabled">
        <input type="text" name="something" placeholder="enter some text" />
        <select>
            <option value="0" disabled="disabled" selected="selected">select somethihng</option>
            <option value="1">woot</option>
            <option value="2">is</option>
            <option value="3">this</option>
        </select>
    </fieldset>
</form>

原文由 Klemen Tusar 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<form inert>

这不会改变表单的样式，但会阻止所有输入成为焦点并阻止任何按钮被点击。

原文由 Ollie Williams 发布，翻译遵循 CC BY-SA 4.0 许可协议