Элемент textarea

Элемент <input type="text> создает поле для ввода только одной строки текста. Во многих случаях этого достаточно. Но бывают ситуации, когда объем вводимого текста большой, и необходимо иметь многострочное поле для ввода.

Для этой цели используется элемент <textarea>. Его размеры задаются количество строк и символов в строке (для моноширинного шрифта количество символов в строке можно трактовать как количество символьных колонок).

<textarea name="resume" rows="10" cols="50"></textarea>

Атрибуты, используемые внутри тега <textarea>, определяют размеры вид и имя создаваемого текстового поля.

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

Атрибуты:

name — имя поля ввода,

rows — высота поля ввода в символах,

cols — ширина поля ввода в символах.

wrap — определяет режим учета переводов строк. Возможными значениями являются:

off — запрет перевода строк;

physical — разрешается перевод строк, и при пересылке текста в него вставляются символы перевода строк;

virtual — внутри элемента строки переводятся, но текст посылается в виде одной длинной строки.

Если нужно, чтобы при загрузке формы в поле ввода тега <textarea> по умолчанию выводился какой-либо текст, то этот текст нужно вставить в тело элемента (т.е. между тегами <textarea> и </textarea>). Например,

<textarea name="address" rows=”10” cols=”50”>

Введите сюда подробную информацию о проблеме,

возникшей при использовании нашего программного

продукта.

</textarea>

ЗАДАНИЕ 3 (Создание формы с применением табличной верстки)

1. Создание формы

Создать регистрационную форму участника некоторого форума. Общий вид формы и html-таблица для разметки формы, показаны на следующих рисунках:

Необходимо выполнить следующие требования.

а) Сохранить способы горизонтального и вертикального выравнивания текстовых строк и управляющих элементов формы, показанные на рисунке.

б) Все элементы формы должны иметь имя (атрибут name).

в) Ширина ячеек для имени и фамилии 20-30 символов.

г) Список операционных систем включает Windows 7 (отмечена по умолчанию), Windows XP, Windows Vista, Linux.

д) Кнопка обновления формы подразумевает использования элемента типа reset.

е) Для подтверждения заполнения формы использовать графическую кнопку, созданную с помощью файла send.jpg.

Замечания

Цвет фона таблицы в примере — wheat.

Выравнивание текста в элементе textarea может зависеть от способа выравнивания соответствующей ячейки таблицы.

2. Тестирование формы

1. Проверить правильность работы кнопки очистки формы.

2. Чтобы проследить один из способов пересылки данных из формы, надо определить в теге form атрибут method="get". Так как никакой обработчик форме не назначен, то при нажатии кнопки подтверждения будет вызвана та же страница, которой будут переданы значения полей формы. Эти значения добавляются после знака вопроса в адрес страницы.

В URL можно использовать только очень ограниченное число символов (в основном латинские буквы, цифры и некоторые знаки). Когда в форме содержится информация на кириллице, то при ее добавлении в URL браузер выполняет перекодирование. Все неразрешенные символы пересылаются в виде числовых кодов в формате %код_символа. Например, пробелы пересылаются в виде %20 (шестнадцатеричное представление кода 32).

3. После нажатия кнопки "Отослать форму!", проанализируйте состояние адресной строки браузера.

---

Дата добавления: 2015-10-28