How to disable an input type=text?

by 
document.getElementById('foo').disabled = true;

or

document.getElementById('foo').readOnly = true;

Note that readOnly should be in camelCase to work correctly in Firefox (magic).

Demo: https://jsfiddle.net/L96svw3c/ — somewhat explains the difference between disabled and readOnly.

More Related Contents:

  1. A button that will add a textbox below another textbox?
  2. Download the text over image using jquery
  3. Communication between tabs or windows
  4. OnChange event handler for radio button (INPUT type=”radio”) doesn’t work as one value
  5. Do you need text/javascript specified in your tags?
  6. Calling webpacked code from outside (HTML script tag)
  7. Programmatically selecting partial text in an input field
  8. Getting byte array through input type = file
  9. How to get the background color of an HTML element?
  10. How to silently hide “Image not found” icon when src source image is not found
  11. angularjs to output plain text instead of html
  12. How to save a base64 image to user’s disk using JavaScript?
  13. Add SVG element to existing SVG using DOM
  14. Angular2 router 2.0.0 not reloading components when same url loaded with different parameters?
  15. How do I get the content of a using jQuery?
  16. How can I tell if a browser supports
  17. html “data-” attribute as javascript parameter
  18. What is the difference between window.innerWidth and screen.width?
  19. Phantomjs page.content isn’t retrieving the page content
  20. Detect programmatic changes on input type text [duplicate]
  21. How to call external JavaScript function in HTML
  22. Load stylesheet with javascript and localStorage
  23. How to disable/enable a button with a checkbox if checked [duplicate]
  24. html5 drag and drop FOR MOBILE [duplicate]
  25. Show/hide forms using buttons and JavaScript
  26. Browsers automatically evaluate hex or hsl colors to rgb when setting via element.style.background?
  27. How can I make an image carousel with only CSS?
  28. Read a file synchronously in Javascript
  29. What is the difference between window, window.top and window.parent?
  30. How can I reorder elements with JavaScript?

Leave a Comment