హ్ట్మ్ఎల్ <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>
పైన ఎలమెంట్ మరియు లేబుల్ తో సరైన వినియోగం క్రింది వినియోగదారులకు ప్రయోజనకరం కాగలదు:
- స్క్రీన్ రీడర్ వినియోగదారులు (వినియోగదారుడు ఎలమెంట్ పై దృష్టి పెట్టినప్పుడు, లేబుల్ ని పఠిస్తుంది)
- 难以点击非常小的区域（例如复选框）的用户 - 因为当用户单击
<label>చిన్న ప్రాంతాలను క్లిక్ చేయడం కష్టం ఉన్న వారికి - ఎందుకంటే ఉపయోగికరులు క్లిక్ చేసినప్పుడు
మరియు చూడండి:
HTML DOM పరిచయం పుస్తకం:లేబల్ ఆబ్జెక్ట్
ఉదాహరణ
లేబల్ తో ఉన్న మూడు రేడియో బటన్లు:
<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> హెడ్‌లైన్‌లో ప్రదర్శించిన అంశంలో, ఇన్‌పుట్‌ని చేందరుస్తుంది (ఇది క్లిక్ రీజాన్ ను పెంచుతుంది) <label> అంశం పైన టాగ్‌ను అంశంలోని అంశానికి జోడించడానికి ఉపయోగిస్తారు. వాటిని జోడించడానికి మరొక అంశాన్ని ఉపయోగించవచ్చు. వాటిని జోడించడానికి మరొక అంశాన్ని ఉపయోగించవచ్చు.
అట్రిబ్యూట్
| అట్రిబ్యూట్ | విలువ | వివరణ |
|---|---|---|
| for | అంశం id | label ను ఏ ఫారమ్ ఎలిమెంట్‌కు జోడించాలి నిర్ణయిస్తుంది. |
| form | ఫారమ్ id | label ఫీల్డ్ కు చెందిన ఫారమ్‌ను నిర్ణయిస్తుంది. |
గ్లౌబల్ అట్రిబ్యూట్లు
<label> టాగ్ అనేక ఇవెంట్ అట్రిబ్యూట్లను మద్దతు ఇస్తుంది HTML లో గ్లౌబల్ అట్రిబ్యూట్లు。
ఇవెంట్ అట్రిబ్యూట్లు
<label> టాగ్ అనేక ఇవెంట్ అట్రిబ్యూట్లను మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్లు。
డిఫాల్ట్ CSS అమర్పులు
అత్యంత బ్రౌజర్లు క్రింది డిఫాల్ట్ విషయాలను ప్రదర్శిస్తాయి <label> అంశం:
label {
cursor: default;
}
బ్రౌజర్ మద్దతు
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| మద్దతు | మద్దతు | మద్దతు | మద్దతు | మద్దతు |
