Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...
Семя – орган полового размножения и расселения растений: наружи у семян имеется плотный покров – кожура...
Топ:
Теоретическая значимость работы: Описание теоретической значимости (ценности) результатов исследования должно присутствовать во введении...
Установка замедленного коксования: Чем выше температура и ниже давление, тем место разрыва углеродной цепи всё больше смещается к её концу и значительно возрастает...
Интересное:
Отражение на счетах бухгалтерского учета процесса приобретения: Процесс заготовления представляет систему экономических событий, включающих приобретение организацией у поставщиков сырья...
Искусственное повышение поверхности территории: Варианты искусственного повышения поверхности территории необходимо выбирать на основе анализа следующих характеристик защищаемой территории...
Уполаживание и террасирование склонов: Если глубина оврага более 5 м необходимо устройство берм. Варианты использования оврагов для градостроительных целей...
Дисциплины:
2017-11-27 | 136 |
5.00
из
|
Заказать работу |
|
|
Текстовая область 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>
Для запуска тестирующего скрипта нужно активировать одно из полей переключателя и нажать на кнопку «Проверка решения». В результате этого на экране появится одно из двух сообщений:
|
|
Индивидуальные очистные сооружения: К классу индивидуальных очистных сооружений относят сооружения, пропускная способность которых...
История создания датчика движения: Первый прибор для обнаружения движения был изобретен немецким физиком Генрихом Герцем...
Типы оградительных сооружений в морском порту: По расположению оградительных сооружений в плане различают волноломы, обе оконечности...
Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...
© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!