我怎样才能使整个HTML表单“只读”?

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

从我所看到的，一些表单控件可以是只读的，所有控件都可以被禁用，区别在于你仍然可以选择一个只读字段。

而不是按字段做这个是否有任何方法标记整个表单为只读/禁用/静态，这样用户就不能改变任何控件?

当前回答

要在angular中有条件地禁用整个fieldset，你可以这样做:

 <fieldset [attr.disabled]="isEditable ? null : 'disabled'">

2022-03-29 10:38:51

其他回答

我宁愿使用jQuery:

$('#'+formID).find(':input').attr('disabled', 'disabled');

Find()将比children()深入到第n个嵌套子，children()只查找直接子。

2015-09-25 13:26:16

将所有表单id编号，并在JS中运行for循环。

 for(id = 0; id<NUM_ELEMENTS; id++)
   document.getElementById(id).disabled = false;

2010-08-18 00:44:15

<form inert>

这不会改变表单的样式，但会阻止所有输入的可聚焦性和任何按钮的可点击性。

2022-08-26 11:30:26

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

示例(http://jsfiddle.net/7qGHN/):

< >形式 <自定义字段禁用= "禁用" > <input type="text" name="something" placeholder="enter some text" /> <选择> <option value="0" disabled="disabled" selected="selected">select something </option> <选项值= " 1 " >游戏> < /选项 <选项值= " 2 " > < /选项> 这<选项值= " 3 " > < /选项> < /选择> < /自定义字段> > < /形式

2013-06-19 08:24:17

没有完全兼容的、官方的HTML方法来做到这一点，但一点javascript就可以大有帮助。您将遇到的另一个问题是，禁用的字段不会显示在POST数据中

2010-08-18 00:16:54

我怎样才能使整个HTML表单“只读”?

推荐文章

最新文章

标签