HTML <label> for అంశం

హెచ్టిఎమ్ఎల్ <label> టాగ్

నిర్వచనం మరియు వినియోగం

for టాగ్గు అనుబంధం ఏ ఫారమ్ ఎలిమెంట్కు బంధించబడుతుందో నిర్దేశిస్తుంది.

పరోక్ష మరియు ప్రకటించబడిన బంధం

టాగ్గులు ప్రకటించబడిన ఫారమ్ కంట్రోల్స్ తో సంబంధించేలా రెండు రీతులలో సంబంధించేలా చేస్తారు: టాగ్గు టెక్స్ట్లో ఫారమ్ కంట్రోల్స్ చేర్చడం, ఇది పరోక్ష రీతి, లేదా <label> టాగ్గులో అనుబంధ కంట్రోల్స్ చేర్చడం. for అంశం విలువ ఒక లక్ష్య ఫారమ్ id ను నిర్దేశిస్తుంది, ఇది ప్రకటించబడిన రీతి అని అర్థం కాగలదు.

ఉదా, XHTML లో:

ప్రకటించబడిన బంధం:

<label for="SSN">పాస్పోర్ట్ నంబర్:</label>
<input type="text" name="IdNum" id="IN" />

పరోక్ష బంధం:

<label>జనన తేదీ:<input type="text" name="DofB" /></label>

మొదటి టాగ్గు "Social Security Number:" అనే పదాలను మరియు ఫారమ్ యొక్క సొసైటీ సెక్యూరిటీ నంబర్ టెక్స్ట్ ఇన్‌పుట్ కంట్రోల్ ("SocSecNum") ను ప్రకటించబడిన ప్రకారం ప్రకటించబడింది, దాని for అంశపు విలువ మరియు కంట్రోల్ యొక్క id అన్నిటికీ SSN ఉంటాయి. రెండవ టాగ్గు ("జనన తేదీ:") అవసరం లేదు for అటువంటి అంశం యొక్క అనుబంధ కంట్రోల్స్ కూడా id అంశాన్ని కలిగి లేవు, వాటిని <label> టాగ్గులో <input> టాగ్గులు చేర్చడం ద్వారా పరోక్షంగా కలిపినారు.

ప్రతిసాధన

మూడు టాగ్గులు కలిగిన రేడియో బటన్లు:

<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="element_id">

అట్రిబ్యూట్ విలువ

విలువ వివరణ
element_id టాగు అనుబంధించిన ఎలిమెంట్ యొక్క id.

బ్రాసర్ మద్దతు

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు

హెచ్టిఎమ్ఎల్ <label> టాగ్