|
етра NAMEvalueТекущее содержимое поля редактирования
Сразу после отображения поля редактирования свойства defaultValue и value
хранят одинаковые строки. Когда пользователь редактирует текст, все изменения
отражаются в свойстве value.
Заметим, что изменяя содержимое свойства value, сценарий JavaScript может
изменить содержимое поля редактирования.
Методы объекта text
Для объекта text определены методы focus, blur и select, не имеющие
параметров.
С помощью метода focus сценарий JavaScript может передать фокус полю
редактирования, а с помощью метода blur - отобрать фокус у этого поля.
Вызов метода select приводит к выделению содержимого поля редактирования.
Обработчики событий объекта text
Обработчики событий вызываются в следующих случаях:
ОбработчикКогда вызываетсяonFocusВызывается, когда поле редактирования получает
фокус вводаonBlurВызывается, когда поле редактирования теряет фокус ввода
onChangeПри изменении содержимого поля редактированияonSelectПри выделении
содержимого поля редактирования Проверка анкеты
Методику работы с текстовыми полями в сценариях JavaScript мы рассмотрим на
примере документа HTML с формой для ввода анкеты, показанной на рис. 3.9.
Рис. 3.9. Форма для ввода анкеты
Наш сценарий выполняет несложную обработку информации, которая вводится в
текстовых полях этой формы. В частности, сценарий преобразует символы фамилии в
прописные. Если указать возраст, меньший 18 лет, сценарий сделает его равным
нулю.
Если после заполнения анкеты нажать кнопку Complete, на экране появится
диалоговая панель, отображающая содержимое отдельных полей формы (рис. 3.10).
Рис. 3.10. Отображение содержимого полей анкеты
Кнопка Reset устанавливает поля в исходное состояние.
Исходный текст документа HTML с описанной выше формой и сценарием JavaScript
вы найдете в листинге 3.4.
Листинг 3.4. Файл chapter3/text/text.html
Работа с текстовыми полями
Заполните анкету
|