www html, html уроки, html теги, css, верстка
статьи html уроки книги по css и html урокам вопросы и ответы Помощь сайту
Главная страница > Теги ШТМЛ > Тег LABEL
Теги ШТМЛ
Все теги
!DOCTYPE
A
ABBR
ACRONYM
ADDRESS
AREA
B
BASE
BASEFONT
BDO
BGSOUND
BIG
BLOCKQUOTE
BODY
BR
BUTTON
CAPTION
CENTER
CITE
CODE
COL
COLGROUP
DD
DEL
DFN
DIV
DL
DT
EM
EMBED
FIELDSET
FONT
FORM
FRAME
FRAMESET
H1...H6
HEAD
HR
ШТМЛ
I
IFRAME
IMG
INPUT
INS
KBD
LABEL
LEGEND
LI
LINK
MAP
MARQUEE
META
NOBR
NOEMBED
NOFRAMES
NOSCRIPT
OBJECT
OL
OPTGROUP
OPTION
P
PARAM
PRE
Q
SAMP
SCRIPT
SELECT
SMALL
SPAN
STRIKE
STRONG
STYLE
SUB
SUP
TABLE
TBODY
TD
TEXTAREA
TFOOT
TH
THEAD
TITLE
TR
TT
UL
VAR
WBR
XMP
Теги по типам
файл
Звук
Имаги
Объекты
Скрипты
Списки
Ссылки
Таблица
контент
Форматирование
Формы
Фреймы

Тег LABEL

Браузер Internet ExplorerInternet Explorer NetscapeNetтscape OperaОпера SafariSafari Файер фохMozilla Firefox
Версия 5.5 6.0 7.0 8.0 8.0 9.0 7.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Поддерживается Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да Да
ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Тег <LABEL> устанавливает связь между определенной меткой, в качестве которой обычно выступает контент, и элементом формы INPUT. Такая связь необходима, чтобы изменять значения элементов формы при нажатии курсором мыши на контент. Кроме того, с помощью <LABEL> можно устанавливать горячие клавиши на клавиатуре и переходить на активный элемент подобно ссылкам.

Существует два способа связывания объекта и метки. Первый заключается в использовании идентификатора id внутри тега INPUT и указании его имени в качестве параметра for тега <LABEL>. При втором способе тег <INPUT> помещается внутрь контейнера <LABEL>.

Синтаксис

<input id="идентификатор"> <label for="идентификатор">контент</label> <label><input type="..."> контент</label>

Параметры

accesskey
Доступ к элементам формы с помощью горячих клавиш.
for
Идентификатор элемента <INPUT>, с которым следует установить связь.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <LABEL>

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LABEL</title>
 </head>
 <body>

  <form action="handler.php">
   <p><b>Lorem ipsum dolor sit amet...</b></p>
   <p><input type="checkbox" id="check1"><label for="check1">Lorem</label><Br>
   <input type="checkbox" id="check2"><label for="check2">Ipsum</label><Br>
   <input type="checkbox" id="check3"><label for="check3">Dolor</label><Br>
   <input type="checkbox" id="check4"><label for="check4">Sit amet</label></p>
  </form> 

 </body>
</html>

Описание параметров тега <LABEL>

Параметр ACCESSKEY

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Определяет горячую клавишу, с помощью которой происходит переход фокуса к элементу формы. Такая горячая клавиша в браузере обычно используется совместно с управляющей кнопкой <Alt> и не зависит от регистра.

Синтаксис

<label accesskey="клавиша">...</label>

Аргументы

Любой доступный латинский символ.

Значение по умолчанию

Нет.

Пример 2. Добавление горячей клавиши

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LABEL, параметр accesskey</title>
 </head>
 <body>  

  <form action="handler.php">
   <p><input type=checkbox id="t1"><label for="t1" 
    accesskey="g">Нажмите &lt;Alt&gt;+&lt;g&gt;, чтобы перейти к
     разделу <b>Игры</b>.</label></p>
  </form>

 </body>
</html>

Параметр FOR

ШТМЛ: 3.2 4 XШТМЛ: 1.0 1.1

Описание

Задает уникальный идентификатор, определяемый с помощью атрибута id элемента <INPUT>, с которым следует установить связь. Параметр for необходимо задавать в том случае, когда элемент формы и контент разделены. Если <INPUT> размещается внутри контейнера <LABEL>, то применять параметр for не требуется.

Синтаксис

<label for="идентификатор">...</label>

Аргументы

Имя идентификатора. Такое имя чувствительно к регистру, поэтому его следует писать так же, как оно описано внутри элемента <INPUT>.

Значение по умолчанию

Нет.

Пример 3. Использование параметра for

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LABEL, параметр for</title>
 </head>
 <body>  

  <form action="handler.php">
   <p><input type="radio" name="l" id="radio1">
    <label for="radio1">Lorem ipsum</label></p>
    <p><input type="radio" name="l" id="radio2">
    <label for="radio2">Dolor sit amet</label></p>
  </form>

 </body>
</html>

Copyright © 2009-2022 | По всем вопросам: donmobi@mail.ru

О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект