Как сделать поле для кода

В этом уроке вы узнаете, как с помощью HTML легко сделать простую форму-поле, используя которую вы можете показать код своей записи, избежав конвертирования тегов, или какой-либо другой текст. При этоми пробелы и переносы строк в показанном вами тексте будут сохраняться, как если бы вы печатали в Microsoft Word (обычно в WEB несколько пробелов и переносы строк игнорируются, если не использованы специальные теги <pre>текст </pre> и <br>.

Для того, чтобы создать такую форму, используется контейнер <textarea параметры>текст</textarea>.
Для тега <textarea> используются следующие основные параметры:

• cols - ширина поля в символах,
• rows - высота поля в количестве строк текста,
• readonly - используется для того, чтобы тот, кто читает в этот момент страницу не мог кликнуть внутри
  вашего поля и удалить или изменить текст. Текст показывается только для чтения.
• name - с помощью этого атрибута полю присваивается имя,
  которое передаётся обработчику этой формы. Используется в том случае, когда данные из поля
  посылаются на сервер или на указанный почтовый адрес (подробнее об этом в других уроках).
  В нашем случае это не требуется.

Итак, давайте создадим какую-нибудь форму, напишем код:

<form>
<textarea cols="50" rows="3" readonly>
Попробуйте изменить написанный текст в этом поле.
Не получится - атрибут readonly!
</textarea>
</form>

Результат:

Попробуйте изменить написанный текст в этом поле.
Не получится - атрибут readonly!