How to make a input field readonly with JavaScript

Question

I know you can add readonly  readonly  to an input field so its not editable  But I need to use javascript to target the id of the input and make it readonly as I do not have access to the form code  it s generated via marketing software   I don t want to disable the input as the data should be collected on submit    Here is the page I have added in the below suggestion with no luck so far       https   www pages05 net engagedigital inputReadOnly test spMailingID 6608614 amp spUserID MTI5MDk4NjkzMTMS1 amp spJobID Nzk4MTY3MDMS1 amp spReportId Nzk4MTY3MDMS1   Make sure you use  lt body onload  onLoadBody     gt  for anyone using this in the future

User · Answer

document getElementById     readOnly   true

User · Answer

I think you just have readonly  readonly    lt html gt  lt body gt  lt form gt  lt input type  password  placeholder  password  valid  123  readonly   readonly  gt  lt  input gt

User · Answer

Here you have example how to set the readonly attribute    x000D   x000D   lt form action  demo form asp  gt  x000D    Country   lt input type  text  name  country  value  Norway  readonly gt  lt br gt  x000D     lt input type  submit  value  Submit  gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

document getElementById  TextBoxID   readOnly   true       to enable readonly   document getElementById  TextBoxID   readOnly   false      to  disable readonly

User · Answer

Try This     document getElementById  lt element ID gt   readOnly true

User · Answer

You can get the input element and then set its readOnly property to true as follows   document getElementById  InputFieldID   readOnly   true    Specifically  this is what you want    lt script type  text javascript  gt    function onLoadBody         document getElementById  control EMAIL   readOnly   true        lt  script gt    Call this onLoadBody   function on body tag like    lt body onload  onLoadBody  gt    View Demo  jsfiddle

User · Answer

The above answers did not work for me   The below does  document getElementById  input field id   setAttribute  readonly   true    And to remove the readonly attribute  document getElementById  input field id   removeAttribute  readonly     And for running when the page is loaded  it is worth referring to here

[javascript] How to make a input field readonly with JavaScript?

Examples related to javascript

Examples related to input

Examples related to readonly