[Содержание] [Предыдущая] [Следующая] [Индекс]

Reset

Кнопка сброса в форме HTML. Кнопка сброса сбрасывает все элементы в форме в их значения по умолчанию.

Объект client-side
Реализовано в Navigator 2.0
Navigator 3.0: добвлено свойство type; добвалены обработчики событий onBlur и onFocus; добавлены методы blur и focus
Navigator 4.0: добавлен метод handleEvent.

Создание

HTML тэгом INPUT с "reset" как значение аттрибута TYPE. Для данной формы, двигатель времени выполнения JavaScript создает соответствующий объект Reset и помещает его в массив elements соответствующего объекта Form. Вы обращаетесь к объекту Reset индексируя этот массив. Вы можете индексировать массив или числом или, если определено, используя значение аттрибута NAME.

Обработчики событий

Описание

Объект Reset в форме выглядят следующим образом:

Объект Reset это элемент формы и должен быть определен внутри тэга FORM.

Обработчик события onClick кнопки сброса не может предотвратить сброс формы; если только кнопка нажата, сброс не может быть отменен.

Резюме Свойств

form
Определяет форму, содержащую объект Reset.
name
Отражает аттрибут NAME.
type
Отражает аттрибут TYPE.
value
Отражает аттрибут VALUE.

Резюме Методов

blur
Удаляет фокус из кнопки сброса.
click
Эмулирует нажатие кнопки мыши на кнопке сброса.
focus
Дает фокус кнопке сброса.
handleEvent
Вызывает обработчик для указанного события.

Примеры

Пример 1. Следующий пример показывает объект Text со значением по умолчанию "CA" и кнопкой сброса с текстом "Очистить Форму", отображенном на ее поверхности. Если пользователь определяет сокращение государства в объекте Text и затем нажимает кнопку Очистить Форму, первоначальное значение "CA" восстанавливается.

<B>Государство: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><INPUT TYPE="reset" VALUE="Очистить Форму">
Пример 2. Следующий пример показывает два объекта Text, объект Select и три "радио" кнопки; все эти объекты имеют значения по умолчанию. Форма также имеет кнопку сброса с текстом "По умолчанию" на поверхности. Если пользователь изменяет значение любого из объектов и затем щелкает по кнопке По умолчанию, первоначальные значения восстанавливаются.

<HTML>
<HEAD>
<TITLE>Пример объекта Reset</TITLE>
</HEAD>
<BODY>
<FORM NAME="form1">
<BR><B>Город: </B><INPUT TYPE="text" NAME="city" VALUE="Santa Cruz" SIZE="20">
<B>Государство: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><SELECT NAME="colorChoice">
   <OPTION SELECTED> Синий
   <OPTION> Желтый
   <OPTION> Зеленый
   <OPTION> Красный
</SELECT>
<P><INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
   CHECKED> Soul и R&B
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz">
   Джаз
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="classical">
   Классика
<P><INPUT TYPE="reset" VALUE="Defaults" NAME="reset1">
</FORM>
</BODY>
</HTML>

Смотрите также

Button, Form, onReset, Form.reset, Submit

Свойства

form

Объектная ссылка, определяющая форму, содержащую кнопку сброса.

Свойство объекта Reset
Только для чтения
Реализовано в Navigator 2.0

Описание

Каждый элемент формы имеет свойство form, которое является ссылкой к родительской форме элемента. Это свойство особенно полезно в обработчиках событий, где Вы могли бы обратиться к другому элементу в текущей форме.

Смотрите также

Form

name

Строка, определяющая имя кнопки сброса.

Свойство объекта Reset
Реализовано в Navigator 2.0

Защита

Navigator 3.0: Это свойство заражено по умолчанию. Для информации о заражении данных, смотрите "Защита JavaScript".

Описание

Значение свойства name первоначально отражает значение аттрибута NAME. Изменение свойства name переназначает эту установку.

Не путайте свойство name с меткой, отображаемой на кнопке сброса. Свойство value определяет метку для этой кнопки. Свойство name не отображается на экране; оно используется, чтобы обращаться программно к кнопке.

Если несколько объектов в одной и той же форме имеют одинаковый аттрибут NAME, автоматически создается массив данного имени. Каждый элемент в массиве представляет индивидуальный объект Form. Элементы индексируются в исходном порядке, начиная с 0. Например, если два элемента Text и элемент Reset в одной и той же форме имеют аттрибут NAME равным "myField", создается массив с элементами myField[0], myField[1] и myField[2]. Вы должны знать это обстоятельство в Вашем коде и знать, обращается ли myField к одиночному элементу или к массиву элементов.

Примеры

В следующем примере, функция valueGetter использует цикл for, чтобы выполнить итерации над массивом элементов формы valueTest. Окно msgWindow отображает имена всех элементов в форме:

newWindow=window.open("http://home.netscape.com")
function valueGetter() {
   var msgWindow=window.open("")
   for (var i = 0; i < newWindow.document.valueTest.elements.length; i++) {
      msgWindow.document.write(newWindow.document.valueTest.elements[i].name + "<BR>")
   }
}

Смотрите также

Reset.value

type

Для всех объекто Reset значение свойства type равно "reset". Это свойство определяет тип элемента формы.

Свойство объекта Reset
Только для чтения
Реализовано в Navigator 3.0

Примеры

Следующий пример записывает значение type для каждого элемента в форме.

for (var i = 0; i < document.form1.elements.length; i++) {
   document.writeln("<BR>тип " + document.form1.elements[i].type)
}

value

Строка, которая отражает аттрибут VALUE кнопки сброса.

Свойство объекта Reset
Только для чтения
Реализовано в Navigator 2.0

Защита

Navigator 3.0: Это свойство заражено по умолчанию. Для информации о заражении данных, смотрите "Защита JavaScript".

Описание

Эта строка отображается на поверхности кнопки. Когда аттрибут VALUE не определен в HTML, свойство value равно строке "Reset".

Не путайте свойство value со свойством name. Свойство name не отображается на экране; оно используется, чтобы обращаться программно к кнопке.

Примеры

Следующая функция определяет свойство value группы кнопок и показывает его в окне msgWindow:

function valueGetter() {
   var msgWindow=window.open("")
   msgWindow.document.write("submitButton.value равно " +
      document.valueTest.submitButton.value + "<BR>")
   msgWindow.document.write("resetButton.value равно " +
      document.valueTest.resetButton.value + "<BR>")
   msgWindow.document.write("helpButton.value равно " +
      document.valueTest.helpButton.value + "<BR>")
   msgWindow.document.close()
}
Этот пример показывает следующие значения:

Query Submit
Reset
Help
Предыдущий пример принимает, что кнопки были определены следующим образом:

<INPUT TYPE="submit" NAME="submitButton">
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="button" NAME="helpButton" VALUE="Help">

Смотрите также

Reset.name

Методы

blur

Удаляет фокус из кнопки сброса.

Метод объекта Reset
Реализовано в Navigator 2.0

Синтаксис

blur()

Параметры

Нет.

Примеры

Следующий пример удаляет фокус из кнопки сброса userReset:

userReset.blur()
Этот пример принимает, что кнопка определена как

<INPUT TYPE="reset" NAME="userReset">

Смотрите также

Reset.focus

click

Эмулирует нажатие кнопки мыши на кнопке сброса, но не выполняет обработчик события onClick объекта.

Метод объекта Reset
Реализовано в Navigator 2.0

Синтаксис

click()

Параметры

Нет.

focus

Передает управление кнопке сброса и передает ей фокус.

Метод объекта Reset
Реализовано в Navigator 2.0

Синтаксис

focus()

Параметры

Нет.

Смотрите также

Reset.blur

handleEvent

Вызывает обработчик для указанного события.

Метод объекта Reset
Реализовано в Navigator 4.0

Синтаксис

handleEvent(event)

Параметры

event
Имя события, для которого определенный объект имеет обработчик события.



[Содержание] [Предыдущая] [Следующая] [Индекс]

Последняя Модификация: 10/31/97 12:32:12


Права © 1997 Netscape Communications Corporation



Все мессаги сюда:yanich@inbox.ru
Hosted by uCoz