КАТЕГОРИИ:
Архитектура-(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)
Теория. 1) Проверьте работоспособность HTML документа
|
|
|
|
Г. Уфа
</textarea>
1) Проверьте работоспособность HTML документа. Внимание!!! Имя объекта осталось прежним.
2) Объединим используемые нами формы в одну; Исправим созданную нами функцию process.
<html><head>
<title> Форма с текстовыми полями </title>
<script language=javascript>
function process(nForm){
var result;
if(nForm==1) {
str=document.FirstForm.FirstName.value+" " +
document.FirstForm.LastName.value+"\n"+"Место жительства: "+document.FirstForm.Address.value;
if (document.FirstForm.Password1.value == document.FirstForm.Password2.value) {
alert(str);
result=confirm("Войти в систему?");
}
else{
alert("Пароль набран не правильно!!");
result=0;
}
if (result==1) alert("Регистрация в системе прошла успешно!!")
else alert("Регистрация не прошла)");
}
}
</script>
</head>
<body>
<form name="FirstForm">
<P>
Имя: <input type=text size=20 name="FirstName"><br>
Фамилия: <input type=text size=20 name="LastName"><br>
Место жительства:
<textarea rows=5 cols=20 name="Address">
г. Уфа
</textarea><br>
Укажите пароль: <br> <input type=password size=20 name="Password1">
<br><input type=password size=20 name="Password2"><br>
<P><input type=submit onClick="process(1)">
</body></html>
3) С помощью тэгов таблицы проведите выравнивание полей формы относительно друг друга (border=0). Для всех текстовых полей укажите одинаковую величину, описывающую количество символов в строке.
4) Используя дополнительный параметр тэга INPUT – maxlength установить максимально возможное количество символов: для имени – 15, для фамилии 20, для пароля 10.
Упражнение 4. Использование флажков.
Добавить в форму анкету, состоящую из 5-7 простых вопросов. Изменить процедуру обработки т.о. чтобы выводилось сообщение о количестве включенных и выключенных флажках. (Например: Включено – 3, Выключено – 4).
Для добавления флажка в форму используется уже знакомый тэг INPUT. В этом случае параметр TYPE должен иметь значение checkbox, параметр CHECKED может принимать значение true(1) или false(0), в зависимости от начального положения флажка.
|
|
|
Пример:
<input type=checkbox checked=1 name="check1">
! Для обращения к любой форме в документе можно использовать не только имя, но и номер в массиве форм (далее в коде выделено). Все формы в документе получают свой порядковый номер (который начинается с нуля).
Аналогичный метод существует и для элементов форм. Каждый объект в форме получает свой порядковый номер, и доступ к нему может быть осуществлен через массив элементов формы elements.
Например: document.forms[0].elements[4].value.length
В данном случае необходимо получить длину строки пятого элемента первой формы текущего документа.
Выполнение задания:
1) Добавить в имеющуюся форму 5 вопросов в левую часть таблицы (добавить 5 строк таблицы);
2) Добавить в левую часть таблицы 5 флажков. Каждый флажок должен по умолчанию иметь значение наиболее вероятного ответа. (Должны присутствовать различные начальные состояния); Какое значение используется по умолчанию?
3) Изменить функцию process т.о. чтобы в случае успешного входа в систему подводился итог количества положительных и отрицательных ответов. Для этого необходимо произвести подсчет, например, так:
Если объекты флажков имеют имена check1, check2 и т.д.
v=0;n=0;
If (document.FirstForm.check1.checked=1) v++
else n++;
If (document.FirstForm.check2.checked=1) v++
else n++;
|
|
|
|
|
Дата добавления: 2015-05-26; Просмотров: 476; Нарушение авторских прав?; Мы поможем в написании вашей работы!