CODEWITHSUNDEEP
javascriptjqueryhtml
DamianS1987
DamianS1987

Reputation: 312

set readonly attribute to keep the input editable

Is it possible to set "readonly" attribute of an input to keep it editable?

I'm doing a crossword and I can change my function to search for/select a tag using different attribute but I'm still wondering if it is possible.

Thanks for help in advance!

Upvotes: 0

Views: 16616

Answers (3)

Jamie Pate
Jamie Pate

Reputation: 2062

I suggest using the html5 supported data- prefix data-readonly="true" https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes

Upvotes: -1

Quentin
Quentin

Reputation: 944321

If the JavaScript readOnly property is set to true (a boolean, not a string), then the control will not be editable.

If the JavaScript readOnly property is set to false (a boolean, not a string), then the control will be editable.

If the HTML readonly attribute is present, then the readOnly property will default to true.

If the HTML readonly attribute is not present, then the readOnly property will default to false.

JavaScript can modify the value property of a control no matter what state the readOnly property has.

There is no way for a control to be edited through the normal browser UI if it is set to readOnly (JavaScript consoles and DOM inspectors are not the normal UI).

Upvotes: 6

KooiInc
KooiInc

Reputation: 122986

The attribute readonly renders the input control noneditable for a user. Using javascript you can still change its value. Setting the readonly attribute in javascript to false has no effect for the user, the input still will be readonly. Removing the attribute will render the input editable for the user again.

You could also use the disabled attribute, with two differences: the field is displayed grayed out, and you can set the disabled attribute directly.

It's all tested/demonstrated in this jsfiddle [note: updated]

Upvotes: 0

Related Questions