HTML: cursor showing in readonly input text?

by

My solution, from nikmd23’s jQuery snippet but with the blur() function that seems to work better

$('input[readonly]').focus(function(){
    this.blur();
});

Example here: http://jsfiddle.net/eAZa2/

Don’t use the attribute “disabled” because the input would not be submitted when it is part of a form

Sounds like a bug!

There is a similar bug (396542) open with Mozilla, saying that the cursor should blink in readonly inputs — but that behavior feels wrong, a blinking cursor is supposed to mean, “you can type here.”

You should comment on that bug and/or file new ones (with Mozilla here and with Microsoft here)!

In the meantime, using disabled or changing the behavior with JavaScript, as @nikmd23 suggested, seems like the best workaround.

More Related Contents:

  1. Difference between and
  2. Are there any style options for the HTML5 Date picker?
  3. Put icon inside input element in a form
  4. Implement an input with a mask
  5. How to customize ?
  6. Style input type file? [duplicate]
  7. Why does the html input with type “number” allow the letter ‘e’ to be entered in the field?
  8. How to change the button text of ?
  9. HTML Input=”file” Accept Attribute File Type (CSV)
  10. Override browser form-filling and input highlighting with HTML/CSS
  11. How to make HTML input tag only accept numerical values?
  12. Changing the symbols shown in a HTML password field
  13. How to set date format in HTML date input tag?
  14. Change cursor type on input type=”file” [duplicate]
  15. Is well formed without a ?
  16. Wrapping text inside input type=”text” element HTML/CSS
  17. How can I make the HTML5 number field display trailing zeroes?
  18. is there a max size to the length of a hidden input in html?
  19. Is it possible to always show up/down arrows for input “number”?
  20. Make Input Type=”Password” Use Number Pad on Mobile Devices
  21. What is the correct readonly attribute syntax for input text elements?
  22. What does “for” attribute do in an HTML tag?
  23. How to change the text color of first select option
  24. HTML input field OUTSIDE of a form
  25. What’s the point of having hidden input in HTML? What are common uses for this?
  26. How does stackoverflow make its Tag input field? [closed]
  27. How to get rid of x and up/down arrow elements of a input date?
  28. How to get the text from the HTML5 input field error message in Selenium?
  29. Make input element (type=”text”) handle multiple lines of text
  30. HTML5 input box with type=”number” does not accept comma in Chrome browser

Leave a Comment