小编典典

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

all

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

据我所见,一些表单控件可以是readonly并且所有都可以是disabled,不同之处在于您仍然可以使用选项卡进入只读字段。

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


阅读 71

收藏
2022-06-23

共1个答案

小编典典

将输入字段和其他内容包装成 a<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>
2022-06-23