Самоучитель по креативному веб-дизайну. Книга 1, стр.113

це присвоено уникальное имя или идентификатор, сценарий может, ссы-

латься на форму как document, formname (ИЛИ document. formID).

• onReset. Имя функции (т. е. сценария, содержащегося на Web-странице), которую Web-браузер должен запустить при нажатии посетителем кнопки Reset. Функция должна возвращать значение True или False. Если возвра — щается значение True, Web-браузер удалит введенные в форму данные посети —

теля и вернет форму в исходное состояние. Если же функция возвращает

False, Web-браузер не будет возвращать поля формы в исходное состояние.

• onSubmit. Имя функции (т. е. сценария, содержащегося на Web-странице), которую Web-браузер должен запустить при нажатии посетителем кнопки Submit. Как правило, функция, указанная в атрибуте onSubmit, использует —

ся для проверки результатов формы перед их передачей Web-серверу для обработки. Если функция возвращает значение False, Web-браузер не бу — дет передавать результаты формы серверу. Если же возвращается значение True, Web-браузер передает результаты формы Web-серверу для обработки с

помощью CGI-сценария или другой программы, указанной в атрибуте

actio n деСКрИПТОра

.

• target. Имя окна, в котором Web-браузер будет выводить страницу под — тверждения передачи результатов формы.

• title. Текст (например, имя или описание формы), которые Web-браузер будет выводить на экран на несколько секунд, когда посетитель переместит указатель мыши на форму.



Первые семь советов, которые будут приведены после этого вводного раздела

о HTML-формах, расскажут о создании на форме полей ввода текста, флажков, переключателей, меню выбора, кнопок сброса Reset и передачи Submit. Несколь —

ко остальных советов подробно остановятся на назначении атрибутов дескрипто —

ра
. А сейчас самое главное понять, что объекты в форму помещаются пу —

тем вставки соответствующих им HTML-дескрипторов между начальным и

конечным дескрипторами формы (
).
Более того, каждая форма должна содержать кнопку передачи данных, при нажатии на которую Web-брау —

Глава3.HTML-формы 135





зер получает команду на передачу результатов формы (т. е. ее данных) по URL — адресу, указанному в атрибуте action дескриптора
формы.

Создание на форме однострочного поля ввода

Если вы хотите, чтобы посетитель сайта ввел короткую строку текста, помес —

тите на форму дескриптор
с атрибутом type, которому присвоено значе —

ние «text».

ПРАКТИКУМ

Например, два дескриптора
в следующем коде создают поля для ввода имени (First Name) и фамилии (Last Name), как показано на рис. 3.4.




Имя: input type=»text » name=»FirstName» size=»15″ >

Фамилия:

[Кнопки RESET и SUMBIT формы]









Обратите внимание, что текстовые надписи возле каждого однострочного

поля ввода на форме не входят в состав дескриптора
. Каждый дескрип —

тор
однострочного поля ввода текста содержит следующие атрибуты:

• type. Устанавливает тип «text» , который указывает Web-браузеру, что данный элемент формы представляет собой однострочное поле ввода текста.

• id. Используется для присвоения полю ввода имени. Значение атрибута id

можно использовать для работы с содержимым поля ввода в сценарии,

внедренном на Web-страницу. Обратите внимание, что каждый атрибут id, используемый на одной и той же странице, должен быть уникальным, т. е. на странице не могут находиться два атрибута id с одинаковыми значениями.

• name. Используется для идентификации поля ввода текста; Значение атри — бута name может применяться для ссылки на значение поля ввода в сцена — рии, запущенном в среде Web-браузера. Значение атрибута name совместно

со значением поля ввода текста передается Web-серверу при нажатии посе — тителем кнопки Submit.



size. Длина поля ввода текста в символах.





value. Указывает, что браузер должен поместить в поле ввода текста

при

его начальной визуализации на Web-странице значение, присвоенное атри- буту value.

13 6 Глава 3. HTML-формы





• maxlength. Максимальное количество символов, которое посетитель может ввести в поле ввода.

• readonly. Если этот атрибут присутствует, поле ввода может получать фо — кус, тем не менее, посетитель не сможет менять содержимое поля.

• disabled. Если этот атрибут присутствует, поле ввода не может получать фокус и посетитель не может менять содержимое поля. Более того, при передаче результатов формы браузер не передает Web-серверу ни имени поля, ни его значения.

• tabindex. Используется для задания порядка обхода по клавише табуля — ции, в соответствии с которым элементы формы получают фокус. Присва — ивая атрибуту tabindex элементов формы значения в возрастающем поряд — ке, вы имеете возможность указать браузеру, на какой элемент перемещать курсор (т. е. фокус) при нажатии клавиши табуляции (TAB). При каждом нажатии TAB браузер будет перемещать фокус на элемент, значение атри — бута tabindex которого больше текущего на единицу.

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

Оставить комментарий

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 045
  • 17.08.2010">Страничка со списком услуг
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 049
  • 01.02.2013">Частные уроки вождения
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.33
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 001
  • 28.01.2010">Новая функция в твиттере — локальные тренды (local trends)
  • 11.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.18
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.62
  • 14.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.60
  • 22.04.2012">Facebook добавила кнопку «Слушать» на страницы музыкантов
  • 14.03.2011">Руководство по actionscript. часть 3, стр. 073
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 067
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.46
  • 04.08.2011">Шторы на заказ – укрась свой родной дом
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...