我有两页HTML表单。第一页有一个提交表单，第二页有一个确认表单。第一个表单提供了许多控件的选择，而第二个页面再次显示来自提交表单的数据，并显示确认消息。在第二种形式中，所有字段必须是静态的。
从我所看到的，一些表单控件可以是只读的，所有控件都可以被禁用，区别在于你仍然可以选择一个只读字段。
而不是按字段做这个是否有任何方法标记整个表单为只读/禁用/静态，这样用户就不能改变任何控件?
当前回答
将输入字段和其他内容包装到<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 " > < /选项> < /选择> < /自定义字段> > < /形式
其他回答
你可以使用这个函数禁用表单:
function disableForm(formID){
$('#' + formID).children(':input').attr('disabled', 'disabled');
}
点击这里查看工作演示
注意，它使用jQuery。
没有内置的方法，我知道这样做，所以你需要提出一个自定义解决方案，取决于你的表单有多复杂。你应该读读这篇文章:
将HTML表单转换为只读(更新:损坏的文章链接，存档链接)
EDIT: Based on your update, why are you so worried about having it read-only? You can do it via client-side but if not you will have to add the required tag to each control or convert the data and display it as raw text with no controls. If you are trying to make it read-only so that the next post will be unmodified then you have a problem because anyone can mess with the post to produce whatever they want so when you do in fact finally receive the data you better be checking it again to make sure it is valid.
将输入字段和其他内容包装到<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 " > < /选项> < /选择> < /自定义字段> > < /形式
要在angular中有条件地禁用整个fieldset，你可以这样做:
<fieldset [attr.disabled]="isEditable ? null : 'disabled'">
在确认页面上，不要将内容放在可编辑控件中，只需将它们写入页面。
