A <label> yana ba da sunan da ake iya samun shawara a sarrafa fomu da babbar bugun klik. Akwai hanya biyu don haɗa su, kuma aikin haɗa su shine abin mahimmanci lokacin sa'a.
Method 1: for + id (explicit)
Email address
A <label> yana ba da sunan da ake iya samun shawara a sarrafa fomu da babbar bugun klik. Akwai hanya biyu don haɗa su, kuma aikin haɗa su shine abin mahimmanci lokacin sa'a.
for + id (explicit)Email address
Labell for yayi daidai da id na input. Wannan aiki ya kamata ko ba su ke kusa a cikin alamomi ba.
<label>
Email address
<input type="email" />
</label>
Input yana tsirewa a cikin labell — babu buƙatun id.
<label><input type="checkbox" /> I agree to the terms</label>
<!-- clicking the text toggles the checkbox -->
<input placeholder="Email" /> <!-- ❌ disappears on typing, poor contrast, not a label -->
A placeholder ya tashi lokacin da mai amfani ya buga kudi kuma ba a sanar dashi ta aminci — kamata a yi amfani dashi a matsayin labell kawai.
<input type="search" aria-label="Search products" /> <!-- accessible name, no visible label -->
Yi amfani da aria-label (ko aria-labelledby) ne kawai lokacin da labell mai gani ba zai yiwu gagarua ba.
Labels da aka haɗa daidai sune ɗaya daga cikin abubuwan da ake saba da sa'a don fuskar fomu — suna ba da suna ga kowane sarrafa don fasaha ta jiya kuma suna fadada bugun klik ga kowa.
Dauki ainihin <label>; bugi aria-label ne kawai lokacin da babu bukatua, kuma kamata a ware sa'a ta dogaro da placeholder a matsayin labell.