How do I make a text input non-editable?

by 
<input type="text" value="3" class="field left" readonly>

No styling necessary.

See <input> on MDN https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes

More Related Contents:

  1. How to add button inside input [closed]
  2. Bootstrap 3 – How to maximize input width inside navbar
  3. How to align texts inside of an input?
  4. How to add button inside an input [closed]
  5. How to change the style of the title attribute inside an anchor tag?
  6. Word-wrap in an HTML table
  7. Last margin / padding collapsing in flexbox / grid layout
  8. Can I use div as a direct child of UL?
  9. set content height 100% jquery mobile
  10. How to center text vertically with a large font-awesome icon?
  11. Why is a div with “display: table-cell;” not affected by margin?
  12. HTML iframe – disable scroll
  13. Why isn’t object-fit working in flexbox?
  14. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  15. Best way to include CSS? Why use @import?
  16. Overflow:hidden dots at the end
  17. Use Font Awesome icon as CSS content
  18. Bootstrap 4 row fill remaining height
  19. Denoting a preferred place for a line break
  20. Best way to manage whitespace between inline list items
  21. Use multiple @font-face rules in CSS
  22. Remove space above and below tag HTML
  23. Is it possible to set a background in a bootstrap column that oversizes the div? [duplicate]
  24. Select first occurring element after another element
  25. Changing the text selection color using CSS?
  26. How to change SVG color when it is an encoded CSS background image?
  27. Bootstrap Grid, do I need a container?
  28. How to vertically align text in input type=”text”? [duplicate]
  29. CSS Filter not working in Firefox
  30. Table with table-layout: fixed; and how to make one column wider

Leave a Comment