Другие языки программирования и технологии
код html5, зачем нужен for в label, он же не связывается с id в других элементах
Это для красоты.
Я тебе советую как можно скорее эту книгу выбросить, а лучше сразу сжечь, пока все не зашло слишком далеко. Если там все примеры такие, то очевидно автор книги сам не понимает, о чем он пишет.
Ничего не делает, для красоты
не знаю про лейбл) не применял еще) применю - узнаю)
а баттон - нажимается)
ну и логично на него можно вешать что нить)
а баттон - нажимается)
ну и логично на него можно вешать что нить)
HTML5 для веб-дизайнеров. Часть 4: Формы 2.0
http://habrahabr.ru/post/104502/
http://habrahabr.ru/post/104502/
Toxic Mushroom
19 481
FOR (для) привязываем Метку к Полю ввода. . в общем gh0st правду говорит верь ему
for нужен для связи с эл-том формы по id
Может быть и так
<label for=user>Пользователь</label><input id=pass>
<label for=pass>Пароль</label><input id=user>
button[type=submit] - отправляет форму
button[type=reset] - очищает по-идее
button - нажимается, на него можно повесить js
Может быть и так
<label for=user>Пользователь</label><input id=pass>
<label for=pass>Пароль</label><input id=user>
button[type=submit] - отправляет форму
button[type=reset] - очищает по-идее
button - нажимается, на него можно повесить js
Сергей Руденко
2 545
В Вашем примере из книги label на фиг не нужен.
А в жизни он применяется вместе с привязкой к id элемента формы. Тем самым при клике на label этот элемент формы становится активным:
<label for="check">поставить галочку</label><input type="checkbox" id="check">
что бы не вылавливать мышкой квадратик.
А в жизни он применяется вместе с привязкой к id элемента формы. Тем самым при клике на label этот элемент формы становится активным:
<label for="check">поставить галочку</label><input type="checkbox" id="check">
что бы не вылавливать мышкой квадратик.
Султан Жолдасбеков
2 343
Может, просто для примера? Хотя странно, автор книги мог бы привести реальный пример, а не из мира фантазий.
Игорь Костенко
876
Книга для веб дизайнеров, а кнопка button для разных целей
*лора *
199
по поводу атрибута 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 используют для выделения полей для ввода логина или пароля в окнах для ввода пользовательских данных
Данный атрибут позволяет привязать элемент 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 (int i = 0, i > 100, i++) {
- Нужен код программы для Осуществления циклического сдвига элементов прямоугольной матрицы на n элементов вправо в с#
- что учить? HTML или сразу HTML5 ?
- c++ builder как сделать края label видимыми
- Как обнулить таймер на чужом сайте через код элемента?
- Помогите испрвить код Переписать первые элементы каждой строки матрицы a(n*m), больше некоторого числа C, в массив b .
- Как удалить нулевые элементы из массива C++. Помогите написать код для того чтобы из массива удалить все нулевые элементы
- Delphi 7 изменение Caption Label'a не из eventa
- Нужен бесплатный хостинг для создания сайта через код а не конструктор
- Помогите с кодом C#. Нужно удалять из строк начальные пробелы с помощью while, if, for, без специальных методов
<button onclick="js_code">Push me</button> - выполняет код js, указанный в атрибуте oncilck
<button type="submit">Push me</button> - если стоит кнутри тега <form>, то отправляет данные из формы (то же самое делает <input type="submit">)