Добавляем...


Основные свойства элементов ввода
Все дескрипторы <input> представляются в DOM объектами HTMLInputElement. Эти объекты имеют ряд общих свойств, связанных как с функциональными возможностями полей формы, так и стандартами (X)HTML (это id, title, lang и т.д.). Свойства, общие для всех объектов, представляющих дескрипторы <input>, приводятся в таблице. Специальные элементы, например <input type=" image" />, имеют дополнительные свойства и методы, зависящие от типа элемента. Например, поле ввода, для которого значением type является "image", имеет атрибут src, который не определяется для других значений type.

Таблица. Свойства и методы, общие для всех объектов, представляющих дескрипторы <input>
Свойство Описание
accessKey Строка, содержащая значение клавиши быстрого доступа, дающей элементу фокус ввода и устанавливаемой атрибутом асcesskey. Обратите внимание на различия в регистре символов
defaultValue Строка, содержащая значение атрибута value при загрузке страницы
disabled Логическое значение, указывающее, может ли пользователь интерактивно взаимодействовать с полем. Его можно установить с помощью атрибута disabled (X)HTML
form Ссылка (только для чтения) на форму, содержащую данное поле
name Строка, содержащая имя поля, определенное атрибутом name. Также используются атрибут id и соответствующее свойство id
size Обычно используется для дескрипторов <input> типа "text" или "password" и указывает ширину поля в символах. Типы "radio" или "checkbox" не поддерживают этот атрибут, а для "image" размер может определяться в пикселях
tabIndex Целое значение, определенное атрибутом tabindex и указывающее позицию поля в документе с точки зрения порядка переходов по табуляции
type Строка, указывающая тип поля, представленного данным элементом. Допустимыми значениями являются "text", "password", "button", "image", "submit", "reset", "radio", "checkbox", "hidden" и "file"
blur() Приводит к потере полем фокуса ввода
focus() Передает полю фокус ввода

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

<form name="myform" id="myform">
<input type="text" name="field1 id="fieldl" />
</form>

значение document.myform.fieldl.form будет ссылаться на объект Form с именем myform. Может возникать вопрос о смысле применения указанного свойства, поскольку здесь нам и так известно имя формы, через которую получен доступ к свойству. По этому поводу можно заметить, что наиболее полезным это свойство оказывается тогда, когда функция или объект представлены объектом поля общего вида без указания формы, в которой этот объект содержится.
Следующим свойством, требующим обсуждения, является defaultValue. Это свойство содержит строку, заданную атрибутом value в оригинальном файле HTML. Так, если в форме с именем testform присутствует <input type="text" name="имяПоля" value="Исходное значение"/>, то значением document. testform.имяПоля.defaultValue будет строка "Исходное значение". Это же значение сначала будет содержаться и в свойстве document.testform.имяПоля.value. Однако при изменении содержимого поля пользователем значение указанного свойства изменится, тогда как свойство defaultValue останется прежним. Вызов reset() для формы на самом деле устанавливает для всех ее полей соответствующие значения defaultValue. To, что значение value может меняться как пользователем, так и сценарием, вполне очевидно, но оказывается, что значение defaultValue тоже может устанавливаться сценарием, и это очевидным назвать нельзя.
В традиционном JavaScript, как и в DOM уровня 1, все варианты текстовых полей поддерживают методы blur() и focus(). Поля ввода текста поддерживают также метод select(). Для этих методов, конечно, поддерживаются onblur, onfocus и onselect. Другие обработчики событий связаны с действиями пользователя — например, многие поля поддерживают onchange (соответствующее событие генерируется при потере полем фокуса ввода, если содержимое поля было изменено). Также подерживаются события, связанные с клавиатурой, — например, onkeypress, onkeyup и onkeydown. Мы продемонстрируем примеры применения этих свойств и методов, когда будем изучать использование полей формы.
назад:
далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика