Checkbox и его id

[kattiperk]

Здравствуйте.

 

У меня вопрос - как долго сможет прожить checkbox/radio без id?

 

Конструкция простая

<label for="some_data" class="some_class">   <input type="checkbox" name="some_data" id="some_data">  <span></span> (кастомная часть)  Some sontent                             </label>

В <span></span> (кастомная часть) происходит что-то красивое в виде галочки желтого цвета.

 

Я так понимаю, мы могли бы обойтись name, как пишут тут - http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

Поместив инпут в <label>.

Но как быть с кастомизацией в этом случае? Ведь тогда чекается тот нативный инпут, который мы прячем.

[li4e]

Толковая статья по теме
http://dimox.name/custom-checkboxes-and-radio-buttons-using-css-only/

 

Хотя все равно с id

Edited October 1, 2015 by li4e

[kattiperk]

Да, вот и я о чем. Не нашла статей по этому поводу, что без id

[li4e]

А я как раз на днях делал, без id обошелся
http://money.li4e.ru/auth/login

 

Посмотрите в разметке как это сделано

Edited October 1, 2015 by li4e

[kattiperk]

http://joxi.ru/D2PBX7DsKJJWr3- Серьёзно?

 

У меня id в стилях не участвует, если что. Только селектор и спан.

Edited October 1, 2015 by kattiperk

[li4e]

Извиняюсь Забыл как сделал

Что-то мне казалось что я не использовал id

Edited October 1, 2015 by li4e

[li4e]

Однако работает и без id, просто поместить checkbox и его имитацию в общий label и всё
тыц

Edited October 2, 2015 by li4e

[wwt]

Что-то я не понял в чем заключается вопрос если ТС сам дал на него ответ, удаляем for и id ибо они не нужны если input находится внутри label и кастомизируем span  http://jsfiddle.net/gf2j12u0/

[kattiperk]

Да, тут всё понятно, что и как кастомизировать. По рукам били однажды, когда чекбоксы и друзья были без id, решила уточнить, не хочу больше по рукам.

Спасибо. А вообще просто поговорить хотелось, вот и написала

[wwt]

  On 10/2/2015 at 12:45 PM, kattiperk said:

Да, тут всё понятно, что и как кастомизировать. По рукам били однажды, когда чекбоксы и друзья были без id, решила уточнить, не хочу больше по рукам.

Спасибо. А вообще просто поговорить хотелось, вот и написала

А за что били то? Если программисту фронтенд части не удобно пусть добавит id сам. Всем остальным вообще должно быть фиолетово.

Пусть лучше бьют по рукам тем кто вместо классов юзают идентификаторы там где это не нужно.

[Николя223]

  On 10/2/2015 at 12:45 PM, kattiperk said:

друзья были без id

когда друзья без ID - тада это не слишком хорошо))) 

[kattiperk]

Да, там админка у них какая-то, что id не генерирует. Вот и думаю, можно или нет.

[wwt]

  On 10/2/2015 at 7:40 PM, kattiperk said:

Да, там админка у них какая-то, что id не генерирует. Вот и думаю, можно или нет.

о_О