Label html5
Автор Asd dfg задал вопрос в разделе Другие языки и технологии
код html5, зачем нужен for в label, он же не связывается с id в других элементах и получил лучший ответ
Ответ от .[гуру]
Это для красоты.
Ответ от Ѕалил Гаджиев[гуру]
Ничего не делает, для красоты
Ничего не делает, для красоты
Ответ от Hobobob65@mail.ru[гуру]
не знаю про лейбл) не применял еще) применю - узнаю)
а баттон - нажимается)
ну и логично на него можно вешать что нить)
не знаю про лейбл) не применял еще) применю - узнаю)
а баттон - нажимается)
ну и логично на него можно вешать что нить)
Ответ от Jk ni4[гуру]
for нужен для связи с эл-том формы по id
Может быть и так
<label for=user>Пользователь</label><input id=pass>
<label for=pass>Пароль</label><input id=user>
button[type=submit] - отправляет форму
button[type=reset] - очищает по-идее
button - нажимается, на него можно повесить js
for нужен для связи с эл-том формы по id
Может быть и так
<label for=user>Пользователь</label><input id=pass>
<label for=pass>Пароль</label><input id=user>
button[type=submit] - отправляет форму
button[type=reset] - очищает по-идее
button - нажимается, на него можно повесить js
Ответ от Verstal[гуру]
В Вашем примере из книги label на фиг не нужен.
А в жизни он применяется вместе с привязкой к id элемента формы. Тем самым при клике на label этот элемент формы становится активным:
<label for="check">поставить галочку</label><input type="checkbox" id="check">
что бы не вылавливать мышкой квадратик.
В Вашем примере из книги label на фиг не нужен.
А в жизни он применяется вместе с привязкой к id элемента формы. Тем самым при клике на label этот элемент формы становится активным:
<label for="check">поставить галочку</label><input type="checkbox" id="check">
что бы не вылавливать мышкой квадратик.
Ответ от Gh0st[новичек]
по поводу атрибута for в элементе label:
Данный атрибут позволяет привязать элемент label к элементу формы: для наглядности:
Попробуй нижеуказанный код:
<code>
<!DOCTYPE html>
<html>
<head>
<title>Формы</title>
<meta charset="utf-8">
</head>
<body>
<label for="check"> Поле для флажка 1 </label>
<input id="check" type="checkbox" checked><br>
<label> Поле для флажка 2
<input type="checkbox" checked>
</label><br>
<label> Поле для флажка 3 </label>
<input type="checkbox" checked><br>
<style>
label {
display: inline-block;
border: 2px solid black;
padding: 5px;
margin: 10px;
}
label:hover {
background: gray;
}
</style>
</body>
</html>
</code>
Пощелкай по полям для флажка:
1. Поле для флажка №1 связано с элементом input посредством for, таким образом наведя курсор мыши на поле лабел и нажав ЛКМ произойдет действие на флажок.
2. Поле для флажка №2 является родительским элементом для input. В данном случае если навести мышь в выделенное поле и нажать ЛКМ, то произойдет то же самое, но тут уже атрибут for не используется.
3. Поле для флажка №3 никак не связано с элементом input поэтому нажатие на флажок будет происходить только по наведению на него.
Собственно работает с любым атрибутом type элемента input и цепляется по id inputа, (т. е. значения атрибутов for и id должны быть одинаковыми)
п. с. Таблицы стилей для наглядности.
п. п. с Обычно связку for используют для выделения полей для ввода логина или пароля в окнах для ввода пользовательских данных
по поводу атрибута for в элементе label:
Данный атрибут позволяет привязать элемент label к элементу формы: для наглядности:
Попробуй нижеуказанный код:
<code>
<!DOCTYPE html>
<html>
<head>
<title>Формы</title>
<meta charset="utf-8">
</head>
<body>
<label for="check"> Поле для флажка 1 </label>
<input id="check" type="checkbox" checked><br>
<label> Поле для флажка 2
<input type="checkbox" checked>
</label><br>
<label> Поле для флажка 3 </label>
<input type="checkbox" checked><br>
<style>
label {
display: inline-block;
border: 2px solid black;
padding: 5px;
margin: 10px;
}
label:hover {
background: gray;
}
</style>
</body>
</html>
</code>
Пощелкай по полям для флажка:
1. Поле для флажка №1 связано с элементом input посредством for, таким образом наведя курсор мыши на поле лабел и нажав ЛКМ произойдет действие на флажок.
2. Поле для флажка №2 является родительским элементом для input. В данном случае если навести мышь в выделенное поле и нажать ЛКМ, то произойдет то же самое, но тут уже атрибут for не используется.
3. Поле для флажка №3 никак не связано с элементом input поэтому нажатие на флажок будет происходить только по наведению на него.
Собственно работает с любым атрибутом type элемента input и цепляется по id inputа, (т. е. значения атрибутов for и id должны быть одинаковыми)
п. с. Таблицы стилей для наглядности.
п. п. с Обычно связку for используют для выделения полей для ввода логина или пароля в окнах для ввода пользовательских данных
Ответ от Viftik[гуру]
FOR (для) привязываем Метку к Полю ввода. . в общем правду говорит верь ему
FOR (для) привязываем Метку к Полю ввода. . в общем правду говорит верь ему
Ответ от Alxokma[гуру]
HTML5 для веб-дизайнеров. Часть 4: Формы 2.0
HTML5 для веб-дизайнеров. Часть 4: Формы 2.0
Ответ от Ђишина[мастер]
Может, просто для примера? Хотя странно, автор книги мог бы привести реальный пример, а не из мира фантазий.
Может, просто для примера? Хотя странно, автор книги мог бы привести реальный пример, а не из мира фантазий.
Ответ от Дельфийский[гуру]
Я тебе советую как можно скорее эту книгу выбросить, а лучше сразу сжечь, пока все не зашло слишком далеко. Если там все примеры такие, то очевидно автор книги сам не понимает, о чем он пишет.
Я тебе советую как можно скорее эту книгу выбросить, а лучше сразу сжечь, пока все не зашло слишком далеко. Если там все примеры такие, то очевидно автор книги сам не понимает, о чем он пишет.
Ответ от LlСЕВДOHИM_[новичек]
Книга для веб дизайнеров, а кнопка button для разных целей
Книга для веб дизайнеров, а кнопка button для разных целей
Ответ от 3 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: код html5, зачем нужен for в label, он же не связывается с id в других элементах