Поля ввода
К полям ввода относятся следующие встроенные элементы управления HTML: поле редактирования (Text Box), область редактирования TextArea. поле ввода пароля (Password). Свойства элементов управления, предназначенных для ввода текста, приведены ниже.
Form. Данное свойство позволяет обратиться к родительской форме, что дает возможность использования свойств объекта Form.
Name. Возвращает имя определенное атрибутом Name тега <INPUT> Свойство предназначено для чтения.
Value. Значение данного свойства доступно как для чтения, так и для редактирования. Оно содержит текст, заключенный в поле ввода текста. Следует отметить, что начальное положение области редактирования определяет тег <ТЕХТARЕА> в отличие от полей редактирования и пароля, начальное значение которых задается посредством использования тега <INPUT>, а именно его атрибута TEXT. Поскольку данное свойство доступно для модификации, пользователь имеет возможность программно влиять на содержимое элемента ввода текста. При работе с полем пароля следует иметь в виду тот факт, что свойство Value будет хранить введенный текст, а не звездочки, которыми заменяются вводимые символы.
С рассматриваемыми элементами управления
управления ввода текста связаны события OnBlur, OnChange, OnFocus, OnSelect.
OnBlur. Данное событие генерируется при потере фокуса элементом управления, то есть тогда, когда он перестает быть активным.
OnChange. Генерирование этого события происходит в момент потери фокуса элементом, если значение свойства Value было изменено. Следует отметить, что при программной модификации этого свойства события OnChange не возникает. OnChange удобно использовать для проверки ввода пользователя.
ОпFocus. Данное событие генерируется при активизации элемента, то есть в момент получения им фокуса ввода. При программной активизации событие OnFocus не возникает, оно является реакцией на действия пользователя.
OnSelect. Это событие возникает при выделении текста в элементе управления посредством метода Select. События не генерируются при выделении текста пользователем.
В приведенном примере (Пример 38) реализуется следующая Web-страница (рис.15). Если пользователь вводит текст в поле Текстовое поле, а затем нажимает кнопку Добавьте в текстовую область текст, введенный текст заносится в поле ввода, расположенное в верхней части страницы.
При нажатии кнопки Новая строка происходит переход в области ввода текста на следующую строку. Нажатие кнопки Выделите текстовую область приводит к выделению всего введенного текста. Поле ввода пароля Hidden Box дает возможность ввести текст, который отображается в области редактирования текста при возникновении события ОnChange.