КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Теория. ! Для адресации к конкретному элементу конкретной формы с помощью атрибута name элементам и формам присваиваются имена (в тексте упражнения они выделены)
|
|
|
|
! Для адресации к конкретному элементу конкретной формы с помощью атрибута name элементам и формам присваиваются имена (в тексте упражнения они выделены).
Текст, введенный пользователем в созданное окно, определяется значением свойства value (при использовании этого свойства для обработки в скрипте использовать для записи только строчные буквы).
Выполнение задания.
1) Наберите текст, приведенной HTML-страницы и убедитесь, что форма функционирует в соответствии с заданием.
<html><head>
<title> Форма с текстовыми полями</title>
<script language=javascript>
function process(nForm){
if(nForm==1){
str=document.FirstForm.FirstName.value+" " +
document.FirstForm.LastName.value;
alert(str) }
}
</script></head>
<body>
<form name="FirstForm" >
Моя первая форма!
<P>
Имя: <input type=text size=20 name="FirstName" >
Фамилия: <input type=text size=20 name="LastName" >
<P><input type=submit onClick="process(1)">
</form>
<hr>
<form> Это вторая форма!
<P><input type=submit onClick="alert('Пусто!')">
</form>
</body></html>
В обработчике обратите внимание на метод обращение к значению поля, который фактически описывает "путь" выбора от наиболее общего понятия (document) к собственно значению элемента value. Запись (читается слева направо):
document.FirstForm.FirstName.value
означает: в документе выбрать форму FirstForm, в которой выбрать элемент FirstName, у которого получить свойство value.
2) Добавить во вторую форму поле "Место жительства". Добавить в process обработку информации из второй формы (не забудьте дать имена элементам документа).
При нажатии кнопки во второй форме выводится строка, объединяющая текст "Место жительства: «и название взятого из формы населенного пункта.
3) Добавить третью форму для ввода пароля регистрации пользователя в системе. Для этого необходимо использовать уже знакомый тэг INPUT с параметром TYPE=”password”. В этом случае все вводимые символы будут заменяться звездочками.
|
|
|
4) Создать два поля для ввода пароля. Затем изменить функцию process, для того чтобы она могла обрабатывать информацию поступающую от третьей формы следующим образом:
· Если пароль в первом и втором поле указан правильно (совпадает) выводиться сообщение “Войти в систему?” и двумя клавишами OK и Cancel. (Для выполнения этого задания можно воспользоваться функцией confirm(строка)). Пример: result=confirm(“Войти в систему?”). В случае нажатия на кнопку OK переменная result получит значение TRUE, иначе FALSE.
· Если пароль указан неправильно (не совпадает в первом и во втором поле) выводится сообщение “Пароль набран не правильно!!” с единственной клавишей OK. Переменная result в этом случае положить значение FALSE.
· Если значение переменной result TRUE (истина) вывести сообщение “Регистрация в системе прошла успешно”, иначе “Регистрация не прошла”.
Рекомендации: Для проверки на равенство двух строк можно воспользоваться операторами языка JavaScript = = (проверка на равенство), или!= (проверка на неравенство).
Пример: Str= =FirstForm.Lastname.value.
Упражнение 3. Использование полей для ввода многострочной информации.
Преобразуем поле ввода - места жительства, т.о. чтобы в нем можно было указывать полный адрес. Очевидно, что для этих целей использование однострочного поля не логично. Для подобных целей используется контейнер, используемый в создаваемых формах: TextArea. Этот контейнер описывает поле, состоящее из нескольких строк.
Заменим тэг места жительства INPUT в предыдущем упражнении на следующий:
<textarea rows=5 cols=20 name="Address">
|
|
|
|
|
Дата добавления: 2015-05-26; Просмотров: 461; Нарушение авторских прав?; Мы поможем в написании вашей работы!