Создаем динамические веб-сайты с помощью PHP, MySQL и JavaScript

Печать

Текстовое поле

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

<input type-"text" namе="имя" size-"размер" maxlength~"длина" value*"значение" />

Параметры name (имя) и value (значение) нами уже рассматривались, но здесь представлены еще два параметра — si ze (размер) и max! ength (максимальная длина). Параметр size определяет ширину поля в символах текущего шрифта, каким оно появится на экране, a maxlength определяет максимальное количество символов, которое пользователю разрешено вводить в это поле.

Единственными обязательными параметрами являются type (тип), сообщающий веб-браузеру ожидаемый тип элемента ввода данных, и name (имя), дающий вводимым данным имя, которое используется в дальнейшем для обработки поля после получения отправленной формы.

Текстовая область

Когда нужно принять вводимые данные, превышающие по объему короткую строку текста, используется текстовая область. Она похожа на текстовое поле, но, поскольку в нее разрешается вводить сразу несколько строк, имеет несколько иные параметры. Ее типовой формат выглядит следующим образом:

<textarea namет"имя" col$-"ширина" rows-"высота" wrap«МШ7"> </textarea>

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

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

<textarea nattier" имя* cols ^"ширина" rows-" высота" wrap-"m7">

Это текст, отображаемый по умолчанию.

</textarea>

Для управления шириной и высотой текстовой области используются параметры col s (графы) и rows (строки). Для задания размеров области в обоих параметрах в качестве единицы измерения используются пространства, занимаемые символом текущего шрифта. Если эти значения опустить, будет создана текстовая область с размерами по умолчанию, которые зависят от используемого браузера, поэтому, чтобы точно знать, в каком виде должна появиться ваша веб-форма, нужно всегда задавать значения этих параметров.