Настройка текстового поля для чтения только не работает в Javascript

Question

Я пробовал следующие коды, чтобы установить свойство текстового поля для чтения, но ни один из них не работает. Может ли кто-нибудь сказать мне, как это сделать?

document.getElementById("phone_numbers").disabled=true; 
document.getElementById("phone_numbers").readonly=true; 
document.getElementById("phone_numbers").readOnly=true; 
document.getElementById("phone_numbers").readOnly=readOnly; 
document.getElementById("phone_numbers").readOnly=readonly; 
document.getElementById("phone_numbers").readonly=readonly; 
document.getElementById("phone_numbers").readonly=readOnly; 
document.getElementById("phone_numbers").setAttribute('readonly', 'readonly'); 
document.getElementById("phone_numbers").setAttribute("readonly", "true"); 

EDIT
Пока я редактировал мой вопрос, чтобы написать более подробно, я понял, что проблема была. Я сделал глупую ошибку. Это был мой оригинальный HTML-код.

<input name="phone_numbers"> 

И я изменил его на

<input id="phone_numbers"> 

И это сработало!

К слову, следующие функции, которые фактически работают.

document.getElementById("phone_numbers").disabled=true; 
document.getElementById("phone_numbers").readOnly=true; 
document.getElementById("phone_numbers").setAttribute('readonly', 'readonly'); 
document.getElementById("phone_numbers").setAttribute("readonly", "true"); 

Answer 1

Ваша третья линия работает для меня: JSFiddle

HTML

<input id="phone_numbers" type="textbox"></input> 

Javascript

document.getElementById("phone_numbers").readOnly=true; 

Answer 2

Если textbox находится на стороне сервера, а затем использовать document.getElementById("<%= phone_numbers.ClientId %>") для доступа к нему.