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


Выбор полей и метки
Дескриптор <label> оказывается полезным для группировки элементов в формах при работе с браузерами в отсутствие визуального представления, но этот дескриптор можно также использовать с JavaScript для упрощения работы с формой. Например, можно связать действия метки с действиями поля. Идея заключается в том, что при получении фокуса ввода меткой (в результате щелчка на ней или при использовании клавиши быстрого доступа), фокус ввода должен передаваться связанному полю. Щелчек на метке легко имитировать, используя программный код JavaScript следующего вида:

<form name="myform" id="myform" action="#" method="get"> <label onclick="document.myform.firstname.focus();">
Имя 1:
<input type="text" name="firstname" id="firstname" />
</label>
</form>

В данном примере, когда пользователь щелкает на метке, современный браузер с помощью метода focus () перемещает курсор в связанное поле. К счастью, старые браузеры просто игнорируют как дескриптор <label>, так и программный код JavaScript в его атрибуте обработки события.

Замечание. Можно, конечно же, создать общую функцию, чтобы передать фокус ввода первому элементу <button>, <input>, <select>, <textarea> в пределах <label> илиустано значение свойства htmlFor.
назад:
далее:


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


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

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


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







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