Анкета со свойствами характера
Напишем сценарий, который позволяет пользователю указать пол, выбрать черты характера. Результат обработки анкеты состоит в формировании строки результата, которая помещается в поле для ввода многострочного текста. На рис. 5.6. изображен вид анкеты.
Рис. 5.6. Анкета со свойствами характера
Доступ к полю осуществляется с помощью имен. HTML-код документа в листинге 5.6.
| Листинг 5.6. Анкета со свойствами характера |
<HTML>
<HEAD>
<TITLE>Флажок и переключатель</TITLE>
<script>
<!--
function set(obj)
{ var s="Вы:\r\n "
if((document.sex.elements[0]).checked) s=s+"Мужчина,\r\n"
else s=s+"Женщина,\r\n"
if(obj.soft.checked) s=s+" Мягкий\r\n"
if(obj.aim.checked) s=s+" Целеустремлённый\r\n"
if(obj.kind.checked) s=s+" Добрый\r\n"
if(obj.lead.checked) s=s+" Склонный к лидерству\r\n"
if(obj.love.checked) s=s+" Надежный\r\n"
s=s+"Человек"
obj.area.value=s}
//-->
</script>
</HEAD>
<body bgcolor=silver>
<i><font size="8">Какой Вы?</font></i>
<form name="sex">
<h5>Укажите Ваш пол</font></h5>
<input type="radio" name="you_s" value="man">Мужской <br>
<input type="radio" name="you_s" value="wom">Женский<br><hr>
</form>
<h5>Черты характера, Вам присущие</font></h5>
<form name="main">
<input type="checkbox" name="soft" value="soft">Мягкость<br>
<input type="checkbox" name="aim" value="aim">Целеустремленность<br>
<input type="checkbox" name="kind" value="kind">Доброта<br>
<input type="checkbox" name="lead" value="lead">Лидер<br>
<input type="checkbox" name="love" value="love">Надежность<br><hr>
<textarea name="area" cols=30 rows=5></textarea><br><br>
<input type="button" value= "Всё верно" onclick="set(main)">
<input type="reset" value="Не правильно">
</form></BODY></HTML>