Навигация:

Главная Случайная страница Обратная связь ТОП Интересно знать Избранные Новые материалы

Топ:

Характеристика АТП и сварочно-жестяницкого участка: Транспорт в настоящее время является одной из важнейших отраслей народного...

Процедура выполнения команд. Рабочий цикл процессора: Функционирование процессора в основном состоит из повторяющихся рабочих циклов, каждый из которых соответствует...

Особенности труда и отдыха в условиях низких температур: К работам при низких температурах на открытом воздухе и в не отапливаемых помещениях допускаются лица не моложе 18 лет, прошедшие...

Интересное:

Финансовый рынок и его значение в управлении денежными потоками на современном этапе: любому предприятию для расширения производства и увеличения прибыли нужны...

Средства для ингаляционного наркоза: Наркоз наступает в результате вдыхания (ингаляции) средств, которое осуществляют или с помощью маски...

Как мы говорим и как мы слушаем: общение можно сравнить с огромным зонтиком, под которым скрыто все...

Дисциплины:

Автоматизация Антропология Археология Архитектура Аудит Биология Бухгалтерия Военная наука Генетика География Геология Демография Журналистика Зоология Иностранные языки Информатика Искусство История Кинематография Компьютеризация Кораблестроение Кулинария Культура Лексикология Лингвистика Литература Логика Маркетинг Математика Машиностроение Медицина Менеджмент Металлургия Метрология Механика Музыкология Науковедение Образование Охрана Труда Педагогика Политология Правоотношение Предпринимательство Приборостроение Программирование Производство Промышленность Психология Радиосвязь Религия Риторика Социология Спорт Стандартизация Статистика Строительство Теология Технологии Торговля Транспорт Фармакология Физика Физиология Философия Финансы Химия Хозяйство Черчение Экология Экономика Электроника Энергетика Юриспунденкция

Лабораторная работа №3. Текстовая область textarea и интерактивные формы.

2017-11-27

167

0.00 из 5.00 0 оценок

Заказать работу

Текстовая область textarea позволяет ввести (и вывести) большой объем многострочного текста. Размер текстовой области определяется с помощью атрибутов (свойств) cols и rows (столбцов и строк). При этом атрибут cols определяет, сколько символов можно разместить в одной строке. Атрибут rows задает число строк, видимых в текстовой области.

Упражнение 3.1. В этом упражнении скрипт демонстрирует возможность языка JavaScript считывать информацию из текстовой области, превращать содержимое окна в текстовую переменную и выводить ее с помощью метода alert(). Создайте HTML-код и сохраните его как textarea.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<div align="center">

<b>ТЕКСТОВАЯ ОБЛАСТЬ</b>

<form name="formTa">

<textarea name="tar1" cols="40" rows="5">

Текстовая область textarea позволяет ввести (и вывести) большой объем многострочного текста. Размер текстовой области определяется с помощью атрибутов (свойств) cols и rows. При этом атрибут cols определяет, сколько символов можно разместить в одной строке. Атрибут rows задает число строк, видимых в текстовой области.

</textarea>

</form>

<form name="formBut">

<input type=Button value="Запуск"

onclick="javascript:Func1()">

</form>

<script language="JavaScript">

function Func1() {

var a=document.formTa.tar1.value;

// Переменной a присвоено содержимое текстовой области

alert(a);

}

</script>

</div>

</head>

<body>

</body>

</html>

Содержимое текстовой области можно изменить, например, набрать фразу «Другой текст». После щелчка по кнопке «Запуск» появится следующее сообщение:

Далее рассматривается интерактивное взаимодействие пользователя с компьютером. Наиболее просто это реализуется с помощью кнопок.

Упражнение 3.2. Тест для ученика начальных классов. Создайте HTML-код и сохраните его как interactive_form.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Интерактивные формы</title>

<script language="JavaScript">

function Verno1() {

alert("Вы - математик...");}

function Neverno() {

alert("Шутите?");}

</script>

</head>

<body>

<P align="center"><b>ВОПРОС: СКОЛЬКО БУДЕТ 2+3?</b>

<form name="form1">

<table align="center" cellspacing="2" cellpadding="2" border="3">

<tr>

<td>Возможные ответы</td>

<td><input type=Button value="4"

onclick="javascript:Neverno();"></td>

<td></td>

<td><input type=Button value="5"

onclick="javascript:Verno1();"></td>

<td></td>

<td><input type=Button value="6"

onclick="javascript:Neverno();"></td>

</tr>

</table>

</form>

</body>

</html>

Если щелкнуть по кнопке с изображением цифры 5, то появится сообщение:

Выбор цифр 4 или 6 приведет к появлению сообщения:

В данной программе неправильный выбор ответа обрабатывается с помощью функции Neverno(). Выбор правильного ответа запускает функцию Verno1(). Скрипт запускается однократным щелчком левой кнопки мыши (onclick) по кнопке с возможным ответом (Button).

Эта же задача тестирования может быть решена несколько иначе: с помощью переключателей

Упражнение 3.2. Создайте HTML-код и сохраните его как interactive_form_1.htm.

<html>

<head>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<title>Интерактивные формы</title>

</head>

<body>

<P align="center"><b>ВОПРОС: СКОЛЬКО БУДЕТ 2+3?</b>

<form name="Test2">

<table align="center" cellspacing="2" cellpadding="2" border="3">

<tr>

<td>Переключатель</td>

<td>Подсказки</td>

</tr>

<tr align="center">

<td><input type=radio value ="1" name="Otv"></td>

<td>4</td>

</tr>

<tr align="center">

<td><input type=radio value ="2" name="Otv"></td>

<td>5</td>

</tr>

<tr align="center">

<td><input type=radio value ="3" name="Otv"></td>

<td>6</td>

</tr>

<tr align="center">

<td colspan="2"><input type=button value="Проверка решения"

Name="Go" onclick="javascript:Rbut();"></td>

</tr>

</table>

</form>

<script language="JavaScript">

Function Rbut()

{

otv=document.Test2.Otv[1].checked;

if(otv){alert("Потрясающе!");}

else {alert("Увы…");}

}

</script>

</body>

</html>

Для запуска тестирующего скрипта нужно активировать одно из полей переключателя и нажать на кнопку «Проверка решения». В результате этого на экране появится одно из двух сообщений:

Поделиться с друзьями:

История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...

Механическое удерживание земляных масс: Механическое удерживание земляных масс на склоне обеспечивают контрфорсными сооружениями различных конструкций...

Историки об Елизавете Петровне: Елизавета попала между двумя встречными культурными течениями, воспитывалась среди новых европейских веяний и преданий...

Таксономические единицы (категории) растений: Каждая система классификации состоит из определённых соподчиненных друг другу...