Главная Обратная связь Поможем написать вашу работу!

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






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



Обработчики событий вызываются в следующих случаях:

Обработчик Когда вызывается
onFocus Вызывается, когда поле редактирования получает фокус ввода
onBlur Вызывается, когда поле редактирования теряет фокус ввода
onChange При изменении содержимого поля редактирования
onSelect При выделении содержимого поля редактирования

 

Пример (проверка анкеты)

Методику работы с текстовыми полями в сценариях JavaScript рассмотрим на примере документа HTML с формой для ввода анкеты.

Наш сценарий выполняет несложную обработку информации, которая вводится в текстовых полях этой формы. В частности, сценарий преобразует символы фамилии в прописные. Если указать возраст, меньший 18 лет, сценарий сделает его равным нулю. Если после заполнения анкеты нажать кнопку Complete, на экране появится диалоговая панель, отображающая содержимое отдельных полей формы. Кнопка Reset устанавливает поля в исходное состояние.

Листинг 4.

<HTML> <HEAD> <TITLE>Работа с текстовыми полями</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function Complete() { var szElement=""; szElement="Фамилия: " + Sel.family.value + "\nИмя: " + Sel.Name.value + "\nТелефон: " + Sel.PhoneNumber.value + "\nВозраст: " + Sel.Age.value; alert(szElement); } function CheckAge(age) { if(age < 18) return "0"; else return age; } // --> </SCRIPT> </HEAD> <BODY BGCOLOR=white> <H1>Заполните анкету</H1> <FORM NAME="Sel"> <TABLE> <TR><TD><B>Фамилия:</B></TD><TD><INPUT TYPE="text" NAME="family" onChange="this.value=this.value.toUpperCase()" SIZE="20" ></TD></TR> <TR><TD><B>Имя:</B></TD><TD><INPUT TYPE="text" NAME="Name" SIZE="20"></TD></TR> <TR><TD><B>Телефон:</B></TD><TD><INPUT TYPE="text" NAME="PhoneNumber" SIZE="10"></TD></TR> <TR><TD><B>Возраст:</B></TD><TD><INPUT TYPE="text" NAME="Age" VALUE="18" SIZE="4" onChange="this.value=CheckAge(this.value)" onFocus="this.select()" ></TD></TR> <P> <TABLE> <TR><TD><INPUT TYPE="button" VALUE="Complete" onClick="Complete();"></TD> <TD><INPUT TYPE="reset" VALUE="Reset"></TD></TR> </TABLE> </FORM> </BODY></HTML>

 



 

Многострочное поле textarea

В тех случаях, когда редактируемый текст должен занимать несколько строк, в форме между операторами <TEXTAREA> и </TEXTAREA> располагают многострочное текстовое поле:

<TEXTAREA NAME="Имя_поля_textarea" ROWS="Количество_строк" COLS="Количество_столбцов" WRAP="Режим_свертки_текста" onBlur="Обработчик_события" onChange="Обработчик_события" onFocus="Обработчик_события" onSelect="Обработчик_события"> . . . Отображаемый текст . . .</TEXTAREA>

Здесь с помощью параметра NAME вы должны указать имя поля. Оно нужно для того чтобы сценарий JavaScript мог обращаться к свойствам и методам этого поля.



Параметры ROWS и COLS определяют видимый размер многострочного поля редактирования, задавая, соответственно, количество строк и столбцов (количество символов, которые могут поместиться в одной строке).

Параметр WRAP задает способ свертки текста и может иметь одно из трех следующих значений:

Значение Способ свертки текста
off Свертка выключена, строки отображаются так, как вводятся
virtual Строки сворачиваются только при отображении в окне редактирования, но передаются расширению сервера Web и сценарию JavaScript точно в таком виде, в котором вводятся
physical При свертке в передаваемый текст записываются символы новой строки

 

Методы объекта textarea

Для объекта textarea определены такие же методы, что и для объекта text. Это методы focus, blur и select, не имеющие параметров. С помощью метода focus сценарий JavaScript может передать фокус полю редактирования, а с помощью метода blur - отобрать фокус у этого поля. Вызов метода select приводит к выделению содержимого многострочного поля редактирования.


Просмотров 241

Эта страница нарушает авторские права




allrefrs.ru - 2021 год. Все права принадлежат их авторам!