Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Элемент input

.

Итак, вступление закончено, перейдем к практическому использованию элементов формы. В этом разделе вы научитесь получать данные от пользователей. Первый элемент, на котором мы остановимся, — i nput. К этому типу относятся все элементы управления, с помощью которых пользователь взаимодействует с формой.

Элементы i nput очень разнообразны. Их вид и функция сильно меняются в зависимости от значения атрибута type. Вот какие они могут быть: О text — поле ввода текста; О password — поле для ввода пароля; О checkbox — флажок; О radio — переключатель; О hidden — скрытое поле; О submit — кнопка отправки формы.

Каждое из этих значений помещает на страницу уникальный элемент управления. Начнем с самого часто встречающегося элемента — текстового поля ввода.

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

Вы много раз видели этот элемент на веб-страницах. Текстовое поле ввода, показанное на рис. 7.5, — самый простой тип элемента управления, куда пользователи могут внести данные.

Рис. 7.5. Простое текстовое поле ввода

HTML-код для этого элемента несложен:

Рассмотрим каждый компонент.

Элемент label применяется в качестве подписи элемента, чтобы пользователь мог понять, какие данные нужно вводить в поле.

Атрибут type со значением text говорит о том, что этот input — простое текстовое поле ввода.

Атрибут name определяет имя. Вы помните, что в нашей простой форме введенное имя появляется в конце адресной строки после отправки формы?

Часть yourname взята из атрибута name элемента input и используется для идентификации данных из каждого поля формы.

Атрибут id. На первый взгляд он аналогичен name, и для некоторых элементов управления это так. Однако, как вы увидите позднее, разные элементы могут иметь одно и то же имя, поэтому атрибуты i d используются для различения элементов на странице.

Кроме того, с помощью id-атрибута связываются элементы label и input. В общем, он может быть использован для нескольких целей. Вы уже видели в этой книге, что id-атрибут применяется при оформлении макетов с помощью CSS. Но в данном примере его основная функция — предоставление ссылки для связи input и label.

К элементу i nput можно также применить следующие атрибуты:

size — сообщает браузеру, какой длины должно быть текстовое поле, то есть какое максимальное количество символов должно в нем отображаться (в идеале, конечно, следует указывать это с помощью CSS);

maxl ength — устанавливает максимальное количество символов, которое можно ввести в текстовое поле.

.

Читайте так же:
Not found