Skip to main content

jQuery Read-Only Input Field

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

Simple jQuery code snippet to make an input field read only so that no-one can change the value of the input field. I’ve not seen this used much around but it was worth knowing.

HTML

Add read-only with jQuery

$('input').attr('readonly', true);

Remove read-only with jQuery

$(#input').removeAttr('readonly');

Don’t forget to put your jQuery code inside a document ready function. See 4 different jQuery document ready examples for more info.

Related Articles

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn the basics of programming with the web's most popular language - JavaScript


A practical guide to leading radical innovation and growth.

Integromat Tower Ad