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

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

    据我所见,有些表单控件可以是只读的,而所有的控件都可以被禁用,不同的是,您仍然可以选择只读字段

    除了逐个字段地执行此操作之外,还有什么方法可以将整个表单标记为readonly/disabled/static,这样用户就不能修改任何控件了?在

  • 答案:
  • 将输入字段和其他内容包装到<;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>