Знакомства на Just click it
Скоро новый год!
Онлайн радио
Вверх
Новые статьи

Ретро газета в подарок
Архив

Input text.

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

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

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

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

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

 

<FORM>
<INPUT SIZE=10 VALUE="1 – е значение" onFocus="document.forms[0].elements[0].blur();">
<INPUT TYPE=button VALUE=Change onClick="document.forms[0].elements[0].value= '2 – е значение';">
<INPUT TYPE=reset VALUE=Reset>
</FORM>


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

 

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

 

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


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

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

 

<FORM METHOD="post" onSubmit="return false;" name="fm3">
<INPUT SIZE="15" MAXLENGHT="15" VALUE="Тест" onChange="window.alert(document.fm3.elements[0].value);">
<INPUT TYPE="button" VALUE="Изменить" onClick="document.fm3.elements[0].value='Change';">
</FORM>


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

 

onSubmit="return false;

 

 

назад
далее
Наверх
Источник: Создание сайтов
Мы В Контакте Мы на Facebook Лента новостей RSS
Копирование и публикация материалов сайта разрешены только при наличии активной ссылки на источник
2011 - наши дни.. © Контакты | Лого | Реклама на сайте | Вебмастерам