Создание Readonly всех полей в форме

Question

Как мы можем сделать все поля в форме только для чтения?

Answer 1

Это должно работать:

$(':input').attr('readonly','readonly'); 

Или, если у вас есть конкретные формы ...

$('#myFormID :input').attr('readonly','readonly'); 

Если вы используете только простой JavaScript, вы хотите, чтобы сделать это.

var f = document.forms['myFormNAME']; 
for(var i=0,fLen=f.length;i<fLen;i++){ 
    f.elements[i].readOnly = true;//As @oldergod noted, the "O" must be upper case 
} 

Одна заметка ... хотя вы можете «установить» флаг только для чтения на checkbox и hidden полей ввода ... это на самом деле не сделать их неизменяемые.

Answer 2

Решение без javascript, приложите все поля в полях и добавьте disabled тег в поля.