Сделать текстовое поле только с jquery

Текст input:

$('input[type="text"]').each(function(){
  $(this).attr('readonly','readonly');
});

Но что мне делать для textarea, чтобы сделать его readonly.

Включите его в свой селектор (используя multiple/element), например:

$('input[type="text"], textarea').attr('readonly','readonly');

Вы можете протестировать его здесь, если это единственное, что вы делаете, нет необходимости в .each(), вы можете просто вызвать .attr() для всех согласованных элементов.

Из JQuery 1.6 используйте

$("#mytxtarea").prop("disabled", true);

В последних версиях jQuery использование метода prop предпочтительнее использования attr.

Чтобы сделать конкретную текстовую область только для чтения:
$('#mytextarea1').prop('readonly', true);

Сделать все текстовые поля только для чтения:
$('textarea').prop('readonly', true);

Чтобы все поля "text" были прочитаны только:
$('input[type=text]').prop('readonly', true);

Чтобы все поля "text" и текстовое поле были прочитаны только:
$('input[type=text],textarea').prop('readonly', true);

Также обратите внимание на разницу между "readonly" и "disabled" с точки зрения внешнего вида:

Ниже <textarea> с disabled установлено значение true:
(выглядит по-другому)

Ниже <textarea> с readonly установлено значение true:
(выглядит так же)

Попробуйте это

$("#mytxtarea").attr("disabled", "disabled");

Вы можете написать

$("textarea").attr("readonly", "readonly");

это сделает readonly для всех полей textarea.