В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
html (147)
html tags (62)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (1)

Тег label

"Тег label" - что такое тег label. Примеры использования + синтаксис

Подробно о теге label

  1. Что такое тег label + синтаксис
  2. Использование второго синтаксиса тега label
  3. Атрибуты тега label

Не путать тег label и атрибут label!


  1. Синтаксис Тега label

    Значение имени id "example" должно совпадать в поле ввода и в теге label

    <input id="example"><label for="example">текст</label>

    Либо :

    <label><input type="example"> текст</label>

    Пример кода использования тега label

    <form>
      <input type="checkbox" id="check1"> <label for="check1"> label 1</label><br>
      <input type="checkbox" id="check2"> <label for="check2"> label 2</label><br>
      <input type="checkbox" id="check3"> <label for="check3"> label 3</label><br>
    </form>

    Живой пример использования тега label

    Давайте возьмем тот код, что был в примере использования тега label и выведем его здесь.

    Не нажимайте по самому полю кнопки, а нажмите по строке, где сть слово "label"





  2. Использование второго синтаксиса тега label

    В приведенном выше синтаксисе тега label вы видели и второй синтаксис...

    Давайте испытаем на живом примере... будет ли работать заявленные свойства в таком синтаксисе!

    Для этого изменим чуть-чуть приведенный пример кода тега label:

    <form>
      <label for="check01"><input type="checkbox" id="check01"> label 01</label><br>
      <label for="check02"><input type="checkbox" id="check02"> label 02</label><br>
      <label for="check03"><input type="checkbox" id="check03"> label 03</label><br>
    </form>

    Вывод второго синтаксиса тега label





  3. Атрибуты тега label

    У атрибута тега label есть несколько атрибутов:

    Accesskey

    Доступ к элементам формы с помощью горячих клавиш.

    For

    Идентификатор элемента, с которым следует установить связь.

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.015258 секунд. Подробнее