JavaScript. Подробное руководство, 6-е издание, стр. 224

Элементы форм также возбуждают событие

, когда они получают фокус ввода, и событие , когда теряют его.

Важно знать, что внутри обработчика события ключевое слово

всегда ссылается на элемент документа, вызвавший данное событие (подробнее об этом будет рассказываться в главе 17). Во всех элементах форм имеется свойство , ссылающееся на форму, в которой содержится элемент, поэтому обработчики событий элемента формы всегда могут обратиться к объекту , как к . Сделав еще один шаг, мы можем сказать, что обработчик событий для одной формы может ссылаться на соседний элемент формы, имеющий имя х, как .

15.9.4. Кнопки

Кнопки являются одними из наиболее часто используемых элементов форм, т. к. они предоставляют понятный визуальный способ вызова пользователем какого-либо запрограммированного сценарием действия. Элемент кнопки не имеет собственного поведения, предлагаемого по умолчанию, и не представляет никакой пользы без обработчика события

. Кнопки, определяемые с помощью элементов , отображают простой текст, содержащийся в их свойстве .

Кнопки, определяемые с помощью элементов

отображают содержимое элемента.

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

, как и кнопки. Когда действие, выполняемое обработчиком , можно классифицировать как «переход по ссылке», используйте ссылку. В противном случае используйте кнопку.

Элементы

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

В четвертой части книги нет описания элемента

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

15.9.5. Переключатели и флажки

Флажки и радиокнопки имеют два визуально различимых состояния: они могут быть либо установлены, либо сброшены. Пользователь может изменить состояние такого элемента, щелкнув на нем. Радиокнопки обычно объединяются в группы связанных элементов, имеющих одинаковые значения HTML-атрибута

. При установке одной из радиокнопок предыдущая установленная в группе радиокнопка сбрасывается. Флажки тоже часто объединяются в группы с общим значением атрибута , и, когда вы обращаетесь к ним по имени, необходимо помнить, что вы получаете в ответ объект, подобный массиву, а не отдельный элемент.

И флажки, и переключатели имеют свойство

. Это доступное для чтения и записи логическое значение определяет, отмечен ли элемент в данный момент. Свойство представляет собой доступное только для чтения логическое значение, содержащее значение HTML-атрибута : оно определяет, должен ли элемент отмечаться, когда страница загружается в первый раз.

Флажки и радиокнопки сами не отображают какой-либо текст и обычно выводятся вместе с прилегающим к ним HTML-текстом (или со связанным тегом

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

Когда пользователь щелкает на флажке или радиокнопке, элемент вызывает свой обработчик

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

15.9.6. Текстовые поля ввода

Однострочные текстовые поля ввода

применяются в HTML-формах и JavaScript-программах, пожалуй, чаще других. Они позволяют пользователю ввести короткий однострочный текст. Свойство представляет текст, введенный пользователем. Установив это свойство, можно явно задать выводимый текст.

Определяемый стандартом HTML5 атрибут

позволяет указать строку приглашения к вводу, которая будет отображаться в поле ввода до того момента, пока пользователь не введет какой-нибудь текст:

Обработчик событий

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

Элемент

(многострочное текстовое поле ввода) очень похож на элемент за исключением того, что разрешает пользователю ввести (a JavaScript-npoграмме вывести) многострочный текст. Многострочное текстовое поле создается тегом синтаксис которого существенно отличается от синтаксиса тега используемого для создания однострочного текстового поля. (Подробнее об этом см. в разделе с описанием элемента в четвертой части книги.) Тем не менее эти два типа элементов ведут себя очень похожим образом. Свойство и обработчик событий элемента можно использовать точно так же, как в случае с элементом .