ဟန်တီ အမှတ် <label> လက်တင်
- အရှေ့လွန်း <အက်ဒင်ဂိုး>
- နောက်လွန်း <လက္ခဏာတူးတူး>
အသုံးပြုနည်း နှင့် အပြုအမူ
<label>
input အရာ အတွက် အချက်အလက် အသုံးပြုနိုင်သော အချက်အလက် အသုံးပြုနိုင်သည်:
အချက်အလက် အသုံးပြ�သူ အတွက် အသုံးပြုနိုင်သော အချက်အလက် အသုံးပြုနိုင်သည်။ သို့သော်လည်း အချက်အလက် အသုံးပြ�သူ အတွက် အချက်အလက် အသုံးပြုနိုင်သည်။ အချက်အလက် အသုံးပြ�သူ အတွက် အချက်အလက် အသုံးပြုနိုင်သည်။
<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>
အထို အရာတစ်ခု နှင့် label ကို အခြေခံ အနေဖြင့် ထို အသုံးပြ�သူများ အတွက် အကူအညီ ပြုလိမ့်မည်ဖြစ်ပါသည်:
- ဖောင့်ဖြည့်စက် အသုံးပြုသူ (အသုံးပြုသူ အရာတစ်ခု အပေါ် အာရူးစား ဖြစ်ပါက အချက်အလက် ဖြင့် ဖောင့်ဖြည့်စက် ဖြေရှင်းပါ)
- 难以点击非常小的区域(例如复选框)的用户 - 因为当用户单击
<label>
元素中的文本时,它会切换输入(这增加了点击区域)
另请参阅:
HTML DOM 参考手册:Label 对象
实例
三个带有 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="ပြောင်းလဲပါ"> </form>
အကြိုးစား နှင့် အစီအစဉ်
အကြိုးစား<label>
for အခွင့်အရေး သည် အကြိုးစား အရာ အခွင့်အရေး နှင့် ညီမျှသည့်အတွက် သတ်မှတ်ပါ။ အကြိုးစား အရာ ကို အသားလွှတ်ပြီး ထိန်းချုပ်ပါ <label>
အစိုးရ အရာ အတွင်း အခွင့်အရေး ကို အသားလွှတ်သည်
အခွင့်အရေး
အခွင့်အရေး | အတ္ထုပတ္တိ | ဖော်ပြ |
---|---|---|
for | အစိုးရ အရာ id | label ကို ဘရောက်ဆာ အစိုးရ အရာတစ်ခု ကို ထိန်းချုပ်သည် |
form | ပိုင်းခြား id | label အပိုင်း အုပ်ချုပ်သော ပိုင်းခြားသည် |
အပြည်ပြည်ရှိ အခွင့်အရေး
<label>
အခွင့်အရေး HTML တွင် အပြည်ပြည်ရှိ အခွင့်အရေး。
အခွင့်အရေး
<label>
အခွင့်အရေး HTML တွင် အခင်းအနက် အခွင့်အရေး。
ပြင်ဆင်ထားသော CSS
အများစု ဘရောက်ဆာ သည် အောက်ပါ ပြင်ဆင်ထားသော အခြေခံ ပြင်ဆင်မှု ကို ပြသသည် <label>
အရာ
label { cursor: default; }
ဘရောက်ဆာ ထောက်ပံ့
ခရမ်း | အက်ဒီ | ဖရက်ခ် | ဆာဖာ | အိုပရာ |
---|---|---|---|---|
ခရမ်း | အက်ဒီ | ဖရက်ခ် | ဆာဖာ | အိုပရာ |
ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ | ထောက်ပံ့ |
- အရှေ့လွန်း <အက်ဒင်ဂိုး>
- နောက်လွန်း <လက္ခဏာတူးတူး>