› › Не является элементом формы. Элементы формы как объекты. Общие события элементов формы

Не является элементом формы. Элементы формы как объекты. Общие события элементов формы

Каждый элемент страницы можно рассматривать как объект, который имеет свои свойства, методы и обработчики событий. Чаще всего события на странице связаны с формой (нажатие кнопки, например).

Формы в документе представлены семейством Forms. К именованным формам можно обратиться непосредственно по имени: forms.MyForm.свойство или MyForm.свойство.

Общие свойства элементов формы:

Value – возвращает содержимое объекта.

Disabled – делает объект неактивным.

Name – возвращает строку со значением name объекта.

Общие события элементов формы:

OnFocus – объект попал в фокус, стал активным.

OnBlur – объект вышел из фокуса.

OnClick – произошло нажатие мыши в области объекта.

OnDblClick – произошло двойное нажатие мыши в области объекта.

OnMouseOver – мышь наведена на элемент.

OnMouseOut – указатель мыши «ушел» с элемента.

Общие методы элементов формы:

focus – передает фокус указанному элементу формы.

blur – удаляет фокус из элемента формы.

Элементы Text, Password, textArea.

Свойства:

maxLength – возвращает максимальную длину строки.

defaultValue – возвращает первоначальное значение элемента, установленное в тегах.

Методы:

select() – выделяет область ввода указанного элемента формы.

События:

OnChange – содержимое объекта было изменено. Проверяется конечный результат. То есть, в процессе редактирования могли быть внесены, а затем удалены изменения. Если начальное состояние поля равно конечному состоянию, то считается что событие не произошло.

OnSelect – произошло выделение части текста.

Элемент CheckBox, Radio.

Свойства:

checked – проверка текущего состояния флажка. True – установлен, False – снят.

defaultChecked - возвращает первоначальное значение элемента, установленное в тегах.

Элемент Select.

Свойства:

options – массив параметров option объекта.

selectedIndex – возвращает индекс выбранного элемента.

selected – возвращает логическое значение, показывающее текущее состояние параметра в объекте.

defaultSelected – возвращает логическое значение - первоначальное значение элемента, установленное в тегах.

index – возвращает индекс элемента.



События:

OnChange – содержимое объекта было изменено.

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

HTML тег

(horizontal rule) определяет горизонтальную линию, которая вставляет разрыв строки до и после себя и занимает всю доступную ширину. Такая линия будет полезна при отделении тематического вступления от основного текста, например смена сцен в рассказе или переход к дополнительной информации в рамках раздела справочника.

Некоторые элементы HTML, которые могут присутствовать внутри тега BODY, называются элементами «уровня блока », в то время как другие - «встроенными » (также называемыми элементами «уровня текста»).

Модель содержимого

Элементы уровня блока могут содержать встроенные элементы и другие элементы уровня блока.

Встроенные элементы могут содержать только данные и другие встроенные элементы. Этому структурному различию свойственна идея о том, что элементы блока создают «большие» структуры, чем встроенные элементы.

Форматирование

По умолчанию элементы уровня блока форматируются иначе, чем встроенные элементы. Обычно элементы уровня блока начинаются с новой строки, а встроенные элементы - нет.

Группировка элементов: элементы DIV и SPAN

Начальный тег: обязателен, Конечный тег: обязателен

Элементы DIV и SPAN вместе с атрибутами id и class обеспечивают общий механизм добавления в документы структуры. Эти элементы определяют встраиваемую информацию (SPAN) или информацию уровня блока (DIV), но не налагают никаких других выражений для представления контекста.

Визуальные браузеры обычно помещают символ перевода строки перед и после элементов DIV

Общие атрибуты тегов

Общие атрибуты могут использоваться практически для любого тега HTML. Поэтому их и выделяют в отдельную группу, чтобы избежать многочисленных бессмысленных повторов.

Accesskey

Позволяет перейти к текстовому полю с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой. Браузеры при этом используют различные комбинации клавиш..

Задает один или несколько имен классов для связи элемента со стилевым оформлением. Если указаны несколько классов, то они перечисляются через пробел. Имя класса может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), дефис (-) и подчеркивание (_), первым символом должна быть буква.
contenteditable

Указывает можно ли редактировать содержание элемента или нет. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (contenteditable).

Contextmenu

Устанавливает контекстное меню для элемента. Значение атрибута – идентификатор меню, созданного с помощью тега

.

Атрибут contextmenu работает только в Firefox.

Позволяет создавать собственные атрибуты для хранения данных.
Имена атрибутов трансформируются в переменные, к которым можно обращаться для получения данных, по следующим правилам:

  • префикс data- удаляется;
  • дефис перед буквой удаляется, а буква за ним становится прописной;
  • другие дефисы остаются неизменными.

Например, атрибут data-number-of-users преобразуется в переменную numberOfUsers.

Задает направление отображения текста. Возможные значения:

  • ltr – слева направо,
  • rtr – справа налево.

Draggable

Указывает, можно ли перетаскивать элемент с помощью мышки или нет. Возможные значения: "true", "false".

Элемент скрыт, т.е. он не отображается на странице, но доступен через скрипты.

Атрибут hidden не работает в Safari, Android, iOS.

Идентификатор элемента, который используется для обращения к элементу через скрипты. Идентификатор – уникальное имя элемента, т.е. в коде документа должен встречаться только один раз. Идентификатор может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), дефис (-) и подчеркивание (_), первым символом должна быть буква.
В HTML5 id можно использовать также для ссылки на конкретное место Web-страницы.

Язык содержимого элемента.

Spellcheck

Определяет проверять или не проверять правописание и грамматику в тексте. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (spellcheck). Результат будет заметен только для полей форм и

С атрибутом NAME, определяющим индивидуальное имя каждого элемента формы, вы уже знакомы. Атрибуты ROWS и COLS указывают соответственно максимально допустимое количество строк вводимого текста и символов в строке. В случае если набираемый пользователем текст не умещается в видимую часть текстового контейнера, по краям поля появляются вертикальные и горизонтальные полосы прокрутки для скроллинга содержимого элемента TEXTAREA.

Пример использования:

Для создания меню выбора в форме (рис. 6) web-мастер может воспользоваться тегом

OPTION VALUE="Пункт N">Пункт N

Атрибут MULTIPLE определяет для пользователя возможность отметить не одну, а сразу несколько позиций из предложенного списка. Если данный атрибут задан, можно воспользоваться атрибутом SIZE, определяющим количество позиций, видимых на экране одновременно.

Пример использования:

<Р АLIGN ="CENTER">Пожалуйста, укажите ваш город