Tebili la HTML <label>
定义和用法
<label>
标签为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label>
标签的 for 属性 应当与相关元素的 id 属性相同。
<label>
标签可为多个元素定义标签(标记):
- <input type="checkbox">
- <input type="color">
- <input type="date">
- <input type="datetime-local">
- <input type="email">
- <input type="file">
- <input type="month">
- <input type="number">
- <input type="password">
- <input type="radio">
- <input type="range">
- <input type="search">
- <input type="tel">
- <input type="text">
- <input type="time">
- <input type="url">
- <input type="week">
- <meter>
- <progress>
- <select>
- <textarea>
Kufanya kila kipengele cha juu ya kifaa na label kwa uwanja wa kina kutosha wengi huzungumza kwa wanafunzi wengi:
- Mwanafunzi wa kufaia msingi (wakati mtu anapenda elementi, itaonyesha kifaa cha kuzingatia)
- 难以点击非常小的区域(例如复选框)的用户 - 因为当用户单击
<label>
Wengi wao wanaingia eneo kubwa sana (kama chekache) - kwa sababu wakati mtu anafikia kwa kubofya
Inaonekana kwenye eneo la matukio kwenye eneo hilo, hivyo inaongeza eneo la kufikia (inaongeza kwa kufikia kufikia)
Tazama pia:Mwongozo wa HTML DOM:
Kampuni ya Label
Mifano
Tukio la kila label: <form action="/action_page.php"> <input type="radio" id="html" name="fav_language" value="HTML"> <label for="html">HTML</label><br> <input type="radio" id="css" name="fav_language" value="CSS"> <label for="css">CSS</label><br> <input type="radio" id="javascript" name="fav_language" value="JavaScript"> <label for="javascript">JavaScript</label><br><br> <input type="submit" value="Tuma">
</form>
Taharira na maelezo<label>
Taharira: <label>
Idadi ya for inahitaji kuelekea idadi ya id katika eneo hilo kufikia kusababisha kubindwa. Naweza kufikia kwa kuingiza eneo hilo kwenye eneo hilo.
Inabindwa eneo la tabia kwenye eneo hilo.
Inabindwa eneo la tabia kwenye eneo hilo. | Tabia | Thamani |
---|---|---|
Maelezo | Idadi ya eneo | Inasababisha label iwe na muofu mwingine mmoja. |
form | Idadi ya muofu | Inasababisha label inaenea katika muofu mwingine. |
Matumizi ya matumizi kuu
<label>
Tabia za matukio Matumizi ya matumizi kuu katika HTML.
Matumizi ya matukio katika HTML
<label>
Tabia za matukio Matumizi ya matukio katika HTML.
Mingi ya CSS kwa kuzingatia
Kwa kawaida, kila programu ya kusoma inaona thamani zifuatazo <label>
Eneo:
label { cursor: kwa kufikia uangalifu; }
Mwongozo wa kusaidia kwa programu za kusoma
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |