How can I make an entire HTML form “readonly”?

by

Wrap the input fields and other stuff into a <fieldset> and give it the disabled="disabled" attribute.

Example (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>

More Related Contents:

  1. Bold tag breaking the divs?
  2. When to use IMG vs. CSS background-image?
  3. maxlength ignored for input type=”number” in Chrome
  4. How to strip HTML tags from a string in SQL Server?
  5. How do I make an editable DIV look like a text field?
  6. How to display PDF file in HTML?
  7. Are block-level elements allowed inside inline-level elements in HTML5?
  8. Style input element to fill remaining width of its container
  9. ‘position: sticky’ not working when ‘height’ is defined
  10. Wrap text in tag
  11. Absolute positioning inside absolute position
  12. What is the HTML for=”” attribute in ?
  13. Is cross-origin postMessage broken in IE10?
  14. img tag displays wrong orientation
  15. How To Isolate a div from public CSS styles?
  16. Is it semantically incorrect to put a or inside of a ?
  17. html table cell width for different rows [duplicate]
  18. Height Calculation By Browsers : Containing Blocks and Children
  19. Extracting SVG from Font Awesome
  20. Is it possible to have HTML text or CDATA inside an XML attribute?
  21. How to pass parameters to css classes
  22. Change the color of glyphicons to blue in some- but not at all places using Bootstrap 2
  23. Is there any way to add padding to select options via CSS?
  24. How do I stretch a background image to cover the entire HTML element?
  25. CSS override rules and specificity
  26. Question mark in the middle of a URL variable
  27. wrap anchor tag around li element
  28. Placeholder not working for Internet Explorer
  29. center table in HTML
  30. Open local files(file://) using Chrome

Leave a Comment