Параметр name
Определяет уникальное имя формы. Как правило, имя формы используется для доступа к ее элементам через скрипты.
Синтаксис
<form name="имя">...</form>
В качестве имени используется набор символов, включая числа и буквы. JavaScript чувствителен к регистру, поэтому при обращении к форме по имени через скрипты соблюдайте то же написание, что и в параметре name.
Параметр target
После того, как обработчик формы получает данные, он возвращает результат в виде HTML-документа. Вы можете определить окно, в которое будет загружаться итоговая веб-страница. Для этого используется параметр target, в качестве его значения используется имя окна или фрейма. Если параметр target не установлен, возвращаемый результат показывается в текущем окне.
Синтаксис
<form target="имя окна">...</form>
В качестве аргумента используется имя окна или фрейма, заданное параметром name. Если установлено несуществующее имя, то будет открыто новое окно. В качестве зарезервированных имен используются следующие.
_blank - Загружает страницу в новое окно браузера.
_self - Загружает страницу в текущее окно.
_parent - Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top - Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.
Значение по умолчанию -_self.
Если в HTML-документе определена форма, то она доступна сценарию JavaScript как объект, входящий в объект document с именем, заданным атрибутом NAME тега FORM.
Элементы форм
Кнопки (BUTTON, RESET, SUBMIT)
Свойства
name. Имя объекта.
value. Надпись на кнопке.
Метод
click( ). Вызов этого метода тождественен щелчку мышкой по кнопке.
Пример
<html>
<head>
<script type="text/javascript">
<!--
function btnClick(){
//alert("Привет!");
var Txt1 = "";
var Txt2 = "";
Txt1 = document.Test.bt.value;
Txt2 = document.Test.bt.name;
document.write("<HR>");
document.write("Вы нажали кнопку: " + Txt1.bold() + " с именем: " + Txt2.bold());
document.write("<HR>");
}
//-->
</script>
</head>
<body>
<H1>Нажатие кнопки</H1>
<FORM NAME="Test">
<INPUT TYPE="button" NAME="bt" VALUE="Щелкни здесь!" onClick="btnClick();">
</FORM>
</body>
</html>
Флажок (CHECKBOX)
Свойства
name. Имя объекта.
value. Надпись на кнопке.
checked. Состояние флажка: true - флажок установлен, false - флажок не установлен.
defaultChecked. Отражает наличие атрибута CHECKED: true - есть, false - нет.
Метод
click( ). Вызов этого метода меняет состояние флажка.
Пример
<html>
<head>
<script>
function chClick(){
document.Test.ch.click();
}
</script>
</head>
<body>
<H1>Метод click флажка</H1>
<FORM NAME="Test">
Флажок <INPUT TYPE="checkbox" NAME="ch">
<BR>Состояние флажка можно изменить и этой кнопкой
<INPUT TYPE="button" VALUE="Смена состояния" onClick="chClick()">
</FORM>
</body>
</html>
Переключатель (RADIO)
Свойства
name. Имя объекта.
value. Надпись на кнопке.
length. Количество переключателей в группе.
checked. Состояние переключателя: true - переключатель включен, false - выключен.
defaultChecked. Отражает наличие атрибута CHECKED: true - есть, false - нет.
Метод
click( ). Вызов этого метода включает переключатель.
Так как группа переключателей имеет одно имя NAME, то к переключателям надо адресоваться как к элементам массива.
Пример
<html>
<head>
<script type="text/javascript">
<!--
function btnClick()
{
if(document.Test.Sex[0].checked) {
document.Test.Sex[1].click();
} else {
document.Test.Sex[0].click();
}
}
//-->
</script>
</head>
<body>
<H1>Метод click группы переключателей</H1>
<FORM NAME="Test">
<INPUT TYPE="RADIO" NAME="Sex" VALUE ="Man" CHECKED> Мужской
<INPUT TYPE="RADIO" NAME="Sex" VALUE ="Woman"> Женский
<BR>Состояние переключателей можно изменить и этой кнопкой
<INPUT TYPE="button" VALUE="Смена состояния" onClick="btnClick();">
</FORM>
</body>
</html>
Список (SELECT)
Свойства
name. Имя объекта.
selectedIndex. Номер выбранного элемента или первого среди выбранных (если указан атрибут MULTIPLE).
length. Количество элементов (строк) в списке.
options. Массив элементов списка, заданных тегами OPTION.
Каждый элемент массива options является объектом со следующими свойствами:
value. Значение атрибута VALUE.
text. Текст, указанный после тега OPTION.
index. Индекс элемента списка.
selected. Присвоив этому свойству значение true, можно выбрать данный элемент.
defaultSelected. Отражает наличие атрибута SELECTED: true - есть, false - нет.
Методы
focus( ). Передает списку фокус ввода.
blur( ). Отбирает у списка фокус ввода.
Пример
<html>
<head>
<script type="text/javascript">
<!--
function btnClick()
{
sI=Test.Item.selectedIndex;
Txt="";
Txt="Предложено "+Test.Item.length+" напитков"+"\nВыбран "+Test.Item.options[sI].text+" (value= "+Test.Item.options[sI].value+", index= "+Test.Item.options[sI].index+")";