Методы и обработчики событий

Метод focus() объекта password применяется для установки фокуса в поле ввода пароля, а метод blur() - для его удаления. При помощи метода select() можно выделить данные в поле ввода. Этот метод обычно используется вместе с методом focus().
Для объекта password обработчики событий не определены.

Объект radio

Объект radio представляет собой селекторную кнопку (radio button), определяемую в HTML-форме. В отличие от контрольных переключателей (checkbox), селекторные кнопки позволяют выбрать только один из предлагаемых вариантов. Объект radio является свойством объекта form, и поэтому должен содержаться в контейнере <form> . . . </form>. В следующем примере показаны три объекта radio.

Пиво "Балтика 1"
Пиво "Очаковское"
Пиво "Бочкарев"

Синтаксис HTML-тега, определяющего селекторную кнопку, следующий:
<input type="radio" name="radioName" value="buttonValue" [checked] [on Click="handlerText"]> textToDisplay

В атрибуте name задается имя селекторной кнопки. Учтите, что для селекторных кнопок, принадлежащих к одной группе, необходимо указывать одинаковые имена, т.е. одинаковые значения атрибута name. Значение атрибута valueвозвращается серверу при передаче формы (по умолчанию значение "on"). С помощью атрибута checkedможно выбрать селекторную кнопку, которая будет активизирована по умолчанию. Свойство defaultChecked объекта radioимеет значение true, если задан атрибут checked. В качестве значения атрибута onClick указывают обработчик события, связанного с выбором селекторной кнопки. В качестве обработчика события можно задать оператор или функцию языка JavaScript. Селекторная кнопка, как правило, имеет текст, описывающий данный вариант выбора. Этот текст задается в строке textToDisplay. Для обращения к методам и свойствам селекторной кнопки используют выражения:

• radioName[i].propertyName
• radioName[i].methodName(parameters)
• formName.elements[i].propertyName
• tformName.elements[i].methodName(parameters)

где radioName- значение атрибута name, заданное в соответствующем теге <input>, а formName - либо значение атрибута name объекта form, либо обращение к элементу массива forms. Поскольку селекторные кнопки являются элементами формы, для обращения к ним можно использоовать массив элементов формы elements. Например, к первой селекторной кнопке с именем radio1, принадлежащей первой форме текущего документа, можно обратиться при помощи выражения:

document.forms[0].radioName[0]

Следует иметь в виду, что для группы селекторных кнопок элементы массива для каждого элемента этой группы располагаются в обратном порядке.

Свойства

Объект radio имеет следующие свойства:

• checked -содержит булево значение true или false, в зависимсти от того, выбрана или нет данная селекторная кноопка;
• defaultChecked -сответствует атрибуту checked тега <input type="radio">, а также содержит булево значение;
• length -представляет количество селекторных кнопок в бъекте radio;
• name - соответствует атрибуту name тега <input>
• value -сооответствует атрибуту value тега <input>
• type -для объектов radio значением этого атрибута является строка "radio"