Как сделать поле ввода с помощью JavaScript?

Я знаю, что вы можете добавить readonly="readonly" в поле ввода, поэтому его нельзя редактировать. Но мне нужно использовать javascript для нацеливания на идентификатор ввода и сделать его доступным только для чтения, поскольку у меня нет доступа к коду формы (он сгенерирован с помощью маркетингового программного обеспечения)

Я не хочу отключать ввод, поскольку данные должны собираться при отправке.

Вот страница, которую я добавил в предложении ниже безуспешно:

https://www.pages05.net/engagedigital/inputReadOnly/test?spMailingID=6608614&spUserID=MTI5MDk4NjkzMTMS1&spJobID=Nzk4MTY3MDMS1&spReportId=Nzk4MTY3MDMS1

Убедитесь, что вы используете <body onload="onLoadBody();"> для тех, кто использует это в будущем.

Ответы

Ответ 1

Вы можете получить элемент ввода, а затем установить его свойство readOnly в true следующим образом:

document.getElementById('InputFieldID').readOnly = true;

В частности, это то, что вы хотите:

<script type="text/javascript">
  function onLoadBody() {
    document.getElementById('control_EMAIL').readOnly = true;
  } 
</script>

Назовите эту функцию onLoadBody() тегом body, например:

<body onload="onLoadBody">

Открыть демо: jsfiddle.

Ответ 2

Вышеуказанные ответы не помогли мне. Ниже приведено следующее: document.getElementById("input_field_id").setAttribute("readonly", true);

И удалить атрибут readonly: document.getElementById("input_field_id").removeAttribute("readonly");

И для запуска, когда страница загружена, стоит обратиться к здесь.

Ответ 3

document.getElementById("").readOnly = true

Ответ 4

document.getElementById('TextBoxID').readOnly = true;    //to enable readonly


document.getElementById('TextBoxID').readOnly = false;   //to  disable readonly

Ответ 5

Попробуйте следующее:

document.getElementById(<element_ID>).readOnly=true;

Ответ 6

Я думаю, что вы только что только для чтения = "только для чтения"

<html><body><form><input type="password" placeholder="password" valid="123" readonly=" readonly"></input>

Ответ 7

Здесь приведен пример настройки атрибута readonly:

<form action="demo_form.asp">
  Country: <input type="text" name="country" value="Norway" readonly><br>
  <input type="submit" value="Submit">
</form>