Klikabilni label za Checkbox

Nije da je neka mudrost, ali viđao sam da mora da se klikne tačno na kockicu da bi čekiralo.

Kako napraviti checkbox sa klikabilnim labelom?

Jednostavno - wrapp sa labelom. Ne sme da ima for attribute. Znači:

<label><input type="checkbox"/>Ovo je checkbox</label>

Ista stvar za i za radio button-e.

Ako se koristi for atribut na label elementu, input mora da ima isti id, ali label ne mora da vrapuje input. Primer:

<h1>
    <label for="username">
        checkiraj   
    </label>
</h1>
<p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odit, veniam, qui minima earum molestiae commodi fuga dolore sint saepe alias eos libero magni numquam aut doloribus quia voluptate ullam perferendis.
</p>
<div>
    <input type="checkbox" id="username">
</div>

Author

I plan to write more articles about common laravel components. If you are interested let’s stay in touch.
comments powered by Disqus