Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 134
Всякие Adobe и Corel в инсталляторах этого не делают, а вы тут о какой-то вёрстке.
Кстати, вариант без for=«inputId», насколько я знаю, в IE6 не работает ни при каких обстоятельствах.
Кстати, вариант без for=«inputId», насколько я знаю, в IE6 не работает ни при каких обстоятельствах.
добавить for=«inputId», что мешает?
Ничто не мешает. Но вот в вашем примере он почему отсутствует. А соответственно хорошо и красиво не получится.
И br — тоже некрасивый тег.
И br — тоже некрасивый тег.
<br><br />
<input type=«checkbox» ...><input type=«checkbox»… />
;)
Вовсе не обязательно. Если документ собран по спецификации HTML 4.1, то валидатор будет ругаться на закрывающий слеш.
Я же имел в виду тот факт, что разделение на строки нужно делать вставкой элементов формы внутрь блочного элемента, а не при помощи разрыва строки.
Я же имел в виду тот факт, что разделение на строки нужно делать вставкой элементов формы внутрь блочного элемента, а не при помощи разрыва строки.
Работает, если не полениться и написать элементарный expression.
Комментарии к топику разочаровали, честно говоря.
Комментарии к топику разочаровали, честно говоря.
Но экспрешн — это очень нехорошо, вы же согласны?
Нет, не согласен. С чего бы?
Экспрешн создаёт дополнительную нагрузку на браузер, который и без того болен. Нет, конечно всё зависит от того, как именно записан экспрешн, но всё-таки добавление for к label не имеет побочных эффектов.
Вообще, расстановкой идентификаторов и for к ним обычно занимаются программисты, а не верстальщики. При этом делается это в полуавтоматическом режиме.
Хот я на самом-то деле это разговор о личных пристрастиях. Моё мнение — если можно не использовать expression, я его использовать не буду. Потому что не хочу даже задумываться о том, где и как оно может выйти боком.
Хот я на самом-то деле это разговор о личных пристрастиях. Моё мнение — если можно не использовать expression, я его использовать не буду. Потому что не хочу даже задумываться о том, где и как оно может выйти боком.
А если посетитель использует IE6 и вырубает JS, то пусть целиться в чекбоксы мышкойне логично, по-моему.
Хочется что бы работало в IE, пишу экспрешн; ой, у него нет JS, ну и хрен тогда с ним, пусть что хочет делает.
Если хочется, то я бы сделал так что бы максимально не было в зависимости от случая.
>всё зависит от того, как именно записан экспрешн
Это ключевые слова в вашем комментарии.
Это ключевые слова в вашем комментарии.
Присоединяюсь. К тому-же, у автора верстка семантически неверная.
Я нигде не писал что она невалидна :-)
С другой стороны, я могу неправильно понимать значения слова «семантика» и могу ошибаться.
Но объясните, какой здравый смысл в том, чтоб пихать объект внутрь ярлыка к этому объекту?
Конечно, может я дурак, но я не понимаю.
С другой стороны, я могу неправильно понимать значения слова «семантика» и могу ошибаться.
Но объясните, какой здравый смысл в том, чтоб пихать объект внутрь ярлыка к этому объекту?
Конечно, может я дурак, но я не понимаю.
В принципе, согласен. Вы правы. Только я, все-равно, не считаю такое поведение очевидным.
И где тут очевидность? Почему, если я оборачиваю checkbox в SPAN, то клик по нему ни к чему не приводит, а если LABEL, то работает… Логики — ноль. Поэтому это просто распространённый трюк и не более того.
И только атрибут for задаёт очевидную связь между ярлыком и полем.
И только атрибут for задаёт очевидную связь между ярлыком и полем.
1) откуда такая зацикленность на чекбоксах и радиобаттонах? если обернуть в лейбл текстовый input, то он — surprise! — тоже получит фокус при клике на тексте
2) нет ли заодно удивления от того, что если написать
<span for="inputid">я лейбл!</span><input type="checkbox" id="inputid" />,
то клик по спану тоже ни к чему не приводит? не оттого ли, что это SPAN, а не LABEL?
2) нет ли заодно удивления от того, что если написать
<span for="inputid">я лейбл!</span><input type="checkbox" id="inputid" />,
то клик по спану тоже ни к чему не приводит? не оттого ли, что это SPAN, а не LABEL?
Мне очень жаль, но у SPAN'а нет атрибута for, видимо, поэтому и не работает. Так ведь?
И если написать DIV'у action, он не станет формой, а через H1 нельзя загрузить файл.
Элемент LABEL создан для того, чтобы быть ярлыком форм, для чего у него есть специальный атрибут. И если за стандартное поведение почти во всех браузерах принят не описанный нигде трюк, то это не делает его логичным.
И если написать DIV'у action, он не станет формой, а через H1 нельзя загрузить файл.
Элемент LABEL создан для того, чтобы быть ярлыком форм, для чего у него есть специальный атрибут. И если за стандартное поведение почти во всех браузерах принят не описанный нигде трюк, то это не делает его логичным.
Оно, пардон. Но всё же…
Меня плюсы/минусы не сильно волнуют. Это всего лишь показатель — понимают меня или нет.
А «не рано» будет тогда, когда об этом будут больше говорить.
А «не рано» будет тогда, когда об этом будут больше говорить.
Ок. Аргумент «нигде не описанный трюк» отменяется, посыпаю голову пеплом в знак позора.
Однако я по-прежнему не понимаю, почему ярлык к полю должен содержать само поле. Ну странно это.
Однако я по-прежнему не понимаю, почему ярлык к полю должен содержать само поле. Ну странно это.
Автор слышал, что надо лейбл ставить, но ещё не понял как. Дело даже не в том, что его вариант где-то не будет работать, он просто неправильный.
Всё хоккей. www.w3.org/TR/html401/interact/forms.html#h-17.9.1
To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element. The label itself may be positioned before or after the associated control.
In this example, we implicitly associate two labels with two text input controls:
First Name
Last Name
To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element. The label itself may be positioned before or after the associated control.
In this example, we implicitly associate two labels with two text input controls:
First Name
Last Name
Мотивируйте.
http://www.w3.org/TR/html401/interact/forms.html#h-17.9.1
To associate a label with another control implicitly, the control element must be within the contents of the LABEL element. In this case, the LABEL may only contain one control element. The label itself may be positioned before or after the associated control.
Сначала не дочитал до конца… подумал, что автор привел два варианта как не надо делать)
id="..." затрудняет автоматическую генерацию форм. Приходится придумывать левые уникальные id-шники.
Ум, а я-то уже обрадовался, что какой-то фичи не знаю. Типа использование лабел без атрибута фор и ид на контроле… А её и знать не надо, все равно ИЕ не умеет )8
гы=)
А я просто не знал — но, правда, нечасто верстая, не задумывался и вешал хендлер=)
Переделал только что последний шаблон с учётом такой штуки, спасибо=)
А я просто не знал — но, правда, нечасто верстая, не задумывался и вешал хендлер=)
Переделал только что последний шаблон с учётом такой штуки, спасибо=)
Не знаю, по каким сайтам ходит автор, я считаю, сайты, в которых галочки без лэйбла — еще поискать надо.
К сожалению, таких еще великое множество. И все из-за разделения труда, когда макет верстает один человек, а натягивает его программист, который зачастую некторые вещи и мелочи, не имеющие для него никакого значения, упускает.
а бывает и так, что верстальщик тег Label не использует, и программист вставляет его сам
а бывает и так, что потом за свое самовольство программист получает по шапке от менеджера
а бывает и так, что потом за свое самовольство программист получает по шапке от менеджера
«Общие положения и условия» на Google(!) AdSense. Два радиобаттона без
Я использую лэйбл. И фор тоже. А плохие верстальщики — нет. Потому что им лень)
Все неправильно, labelы нельзя использовать. Пользователь должен избавляться от лени и счелкать на чекбоксе а не на тексте.
Скоро будете им курсоры двигать на кнопки… :)
Скоро будете им курсоры двигать на кнопки… :)
поддерживаю…
есть примеры когда проводиться, скажем, голосование за сайты — и текстовое описание — это фактически ссылка на сайт в соревновании…
при этом использую данную конструкцию что мы получим?
есть примеры когда проводиться, скажем, голосование за сайты — и текстовое описание — это фактически ссылка на сайт в соревновании…
при этом использую данную конструкцию что мы получим?
Слова плохого верстальщика.
Хороший верстальщик знает, как использовать label так, чтобы его нельзя было использовать для изменения значения input`а.
Хороший верстальщик знает, как использовать label так, чтобы его нельзя было использовать для изменения значения input`а.
я считаю label необходимо использовать, хотя бы по той причине, что на текст проще ткнуть мышью, чем например на checkbox.
Кроме того, если в тестовом задании при приеме ко мне на работу, соискатель не использует label, считаю большим минусом…
Кроме того, если в тестовом задании при приеме ко мне на работу, соискатель не использует label, считаю большим минусом…
Даааа, хабр уже не тооот, авторы мельчают… )))
Автор кидает палки в чужой огород, а сам даже правильно HTML-теги написать не может
Автор и впрямь мельчает. Кроме того, первое желание все-таки — ткнуть в квадратик с галкой, а не на текст.
+1
На работе ERP система от крупной компании (не буду озвучивать имя), работа ведётся через web-мордочку. Все checkbox'ы и radiobutton'ы без label… Дико неудобно, чёрт подери. Особенно с учётом того, что с этим приходится работать иногда дни напролёт…
Даёшь акцию «За label!» (:
На работе ERP система от крупной компании (не буду озвучивать имя), работа ведётся через web-мордочку. Все checkbox'ы и radiobutton'ы без label… Дико неудобно, чёрт подери. Особенно с учётом того, что с этим приходится работать иногда дни напролёт…
Даёшь акцию «За label!» (:
Вы где нибудь видели, чтобы, к примеру, на всяких акциях/презентациях использовались некрасивые девушки-модели?
Вот и здесь тот же случай: если уж «даёшь акцию» — стоит хотя бы написать хороший код того, к чему призываешь «горе-верстальщиков».
А так, конечно, не спорю, лейбл к чекбоксу цеплять нужно. Хоть и сам привык клацать именно по самим чекбоксами :)
Вот и здесь тот же случай: если уж «даёшь акцию» — стоит хотя бы написать хороший код того, к чему призываешь «горе-верстальщиков».
А так, конечно, не спорю, лейбл к чекбоксу цеплять нужно. Хоть и сам привык клацать именно по самим чекбоксами :)
Мысль здравая, подача и ошибки в коде какие-то детские.
А ещё, label — это не только текст рядом с чекбоксом, а любое логическое указание на поле ввода, будь то заголовок или картинка (не img, конечно, важно чтобы в коде было адекватное имя поля)
А ещё, label — это не только текст рядом с чекбоксом, а любое логическое указание на поле ввода, будь то заголовок или картинка (не img, конечно, важно чтобы в коде было адекватное имя поля)
Пока авторитеты не криминальные, переть против них не опасно )
Мне кажется, что если у нас есть возможность логически связывать ярлык и поле, то отказываться от неё только потому, что и так работает я бы не стал. Получается, что если label+input — for вы указываете, а если label+checkbox — нет. Ну и где тут последовательность и принципиальность? Ага.
Кстати, элемент <font> тоже прекрасно отображается во всех браузерах… так зачем же нам CSS? ;)
Мне кажется, что если у нас есть возможность логически связывать ярлык и поле, то отказываться от неё только потому, что и так работает я бы не стал. Получается, что если label+input — for вы указываете, а если label+checkbox — нет. Ну и где тут последовательность и принципиальность? Ага.
Кстати, элемент <font> тоже прекрасно отображается во всех браузерах… так зачем же нам CSS? ;)
Тогда задам вопрос ещё раз:
почему SPAN не срабатывает как LABEL, если внутри него положить INPUT? Наверное потому, что он не создан для этого.
А что такое ярлык для поля? Правильно — описание поля. И с какой радости описание поля содержит само поле?!
Логику в студию! А? Нет логики.
почему SPAN не срабатывает как LABEL, если внутри него положить INPUT? Наверное потому, что он не создан для этого.
А что такое ярлык для поля? Правильно — описание поля. И с какой радости описание поля содержит само поле?!
Логику в студию! А? Нет логики.
Для равнозначного примера с CAPTION, таблица должна быть вложена в него, а это все безоговорочно признают бредом…
Ну, есть и другие варианты:
— вложим DD в DT
— вложим TD в TH
— вложим FIELDSET в LEGEND
— …ну и т.д.
А вот мне кажется, что тут дело не формулировки.
Дело в том, что это просто удобно. Ну вот удобно верстальщикам вкладывать INPUT в LABEL, а тут ещё и фича — можно не писать for. Пускай — мне не жалко. Но пока это рождает в моей голове конфликт «почему объект вложен в его описание?», я такими делами заниматься не буду.
Одного аргумента, что подобное не сработает в IE6, на сегодняшний день достаточно.
— вложим DD в DT
— вложим TD в TH
— вложим FIELDSET в LEGEND
— …ну и т.д.
А вот мне кажется, что тут дело не формулировки.
Дело в том, что это просто удобно. Ну вот удобно верстальщикам вкладывать INPUT в LABEL, а тут ещё и фича — можно не писать for. Пускай — мне не жалко. Но пока это рождает в моей голове конфликт «почему объект вложен в его описание?», я такими делами заниматься не буду.
Одного аргумента, что подобное не сработает в IE6, на сегодняшний день достаточно.
Автор добавьте, пожалуйста, в текст статьи корректное написание
автор статьи — нуб :))
наверное накопал в учебнике новый «гениальный» тег и решил по этому случаю поделиться с нами радостью :))
наверное накопал в учебнике новый «гениальный» тег и решил по этому случаю поделиться с нами радостью :))
Вот черт, всю жизнь использовал:
<input type=checkbox id=ch1><label for=ch1>куку</label>
и понял как я обламывался…
<input type=checkbox id=ch1><label for=ch1>куку</label>
и понял как я обламывался…
А в каком это проекте было выкопано?
Я на заре начала своей деятельности верстальщиком тоже так писал, но это был первый месяц. Хорошие верстальщики так писать не будут. И надо юзать for="" для label
Я на заре начала своей деятельности верстальщиком тоже так писал, но это был первый месяц. Хорошие верстальщики так писать не будут. И надо юзать for="" для label
Хм… а я всегда думал, что нужно код писать вот так:
Ну т.е. input не внутри label, как более правильно?
<form ...> <input type="checkbox" id="lbl" ..> <label for="lbl"> Поставьте галочку, чтобы стало зае...сь</label> ... </form>
Ну т.е. input не внутри label, как более правильно?
Как веб-программист, считаю такой метод не правильным (если не было оговорено точно такое поведение с заказчиком). Чекбокс он на то и чекбокс, чтобы щёлкаться только когда по нему кликают! А не по каким то надписям с краю.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Тег label