Input text.

Использование полей ввода (Input text) в JavaScript позволяет помочь пользователю вашего сайта и построить с ним конструктивный диалог. Например выводить подсказку непосредственно в поле для ввода (или сообщать о неправильно введенном пароле в режиме реального времени).

JavaScript в полях ввода. Используем Input text.

Input text являются одним из наиболее популярных элементов форм, програмируемых JavaScript. Используя поля ввода можно построить простой и очень информативный диалог с посетителями сайта, получить необходимую информацию да и вообще адаптировать текстовое поле для очень широкого спектра прикладной деятельности.

Защита поля ввода

Защита поля ввода довольно часто оправданна при програмировании форм. Защита поля ввода подразумевает невозможность пользователем изменить его содержимое. Для защиты поля от ввода в него символов применяют метод blur() в сочетании с обработчиком события onFocus:

Идея данного примера заключается в том, что как только пользователь нажимает на поле ввода (тоесть оно попадает в фокус) скрипт тут же выводит поле ввода из фокуса методом blur():

onFocus="document.forms[0].elements[0].blur();

Таким образом изменить значение текстового поля возможно лишь нажав на соответствующие кнопки.

Изменение значения поля ввода

Программа на JavaScript способна отслеживать изменения значения полей ввода и выполнять при этом определенные операции под управлением скрипта:

В этом примере мы создаем Input text, при изменении которого выводится сообщение, содержащее введенный текст. В заголовке формы мы преднамеренно использовали обработчик onSubmit для запрета выполнения стандартных инструкций действия submit:

onSubmit="return false;

onSubmit

Input text

Select