How to add a readonly attribute to an input

Question

How can I add readonly to a specific  lt input gt    attr  readonly   does not work

User · Answer

Check the code below   lt input id  quot mail quot  gt    lt script gt    document getElementById  mail   readOnly   true     makes input readonline  document getElementById  mail   readOnly   false     makes input writeable again   lt  script gt

User · Answer

For jQuery version  lt  1 9       inputId   attr  disabled   true     For jQuery version    1 9       inputId   prop  disabled   true

User · Answer

You can disable the readonly by using the  removeAttr       descrip   removeAttr  readonly

User · Answer

Use the setAttribute property  Note in example that if select 1 apply the readonly attribute on textbox  otherwise remove the attribute readonly   http   jsfiddle net baqxz7ym 2   document getElementById  box1   onchange   function      if document getElementById  box1   value    1        document getElementById  codigo   setAttribute  readonly   true       else       document getElementById  codigo   removeAttribute  readonly             lt input type  text  name  codigo  id  codigo   gt    lt select id  box1  gt   lt option value  0   gt 0 lt  option gt   lt option value  1   gt 1 lt  option gt   lt option value  2   gt 2 lt  option gt   lt  select gt

User · Answer

For enabling readonly       descrip   attr  readonly   true      For disabling readonly       descrip   attr  readonly

User · Answer

attr  readonly    readonly   should do the trick  Your  attr  readonly   only returns the value  it doesn t set one

User · Answer

jQuery  lt 1 9      inputId   attr  readonly   true     jQuery 1 9       inputId   prop  readonly   true     Read more about difference between prop and attr

User · Answer

I think  disabled  excludes the input from being sent on the POST

User · Answer

Use   prop        descrip   prop  readonly  true        descrip   prop  readonly  false

User · Answer

Readonly is an attribute as defined in html  so treat it like one    You need to have something like readonly  readonly  in the object you are working with if you want it not to be editable  And if you want it to be editable again you won t have something like readonly     this is not standard if I understood correctly   You really need to remove the attribute as a whole   As such  while using jquery adding it and removing it is what makes sense   Set something readonly       someId   attr  readonly    readonly      Remove readonly       someId   removeAttr  readonly      This was the only alternative that really worked for me  Hope it helps

[javascript] How to add a “readonly” attribute to an <input>?

Examples related to javascript

Examples related to jquery