హ్టీఎంఎల్ ఫారమ్ ఎలమెంట్స్

ఈ చాప్టర్ లో అన్ని HTML ఫారమ్ అంగాలను గురించి వివరిస్తుంది.

<input> అంగం

అత్యంత ముఖ్యమైన ఫారమ్ అంగం <input> అంగం

<input> అంగం వివిధ టైప్ అట్రిబ్యూట్లు పలు రూపాలుగా మారవచ్చు.

నోట్‌స్:తదుపరి చాప్టర్ లో అన్ని HTML ఇన్పుట్ టైప్స్ ను గురించి చెప్పబడుతుంది.

<select> అంగం (డౌన్ లిస్ట్)

<select> నిర్వచిస్తుందిడౌన్ లిస్ట్

ప్రకటన

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

మీరే ప్రయత్నించండి

<option> ఎంపికగా ఉండే ఆప్షన్లను నిర్వచిస్తుంది.

జాబితాలు సాధారణంగా మొదటి ఆప్షన్ ని ఎంపికగా చూపుతాయి.

selected అట్రిబ్యూట్ ద్వారా ముందుగా ప్రారంభించబడిన ఆప్షన్ నిర్వచించవచ్చు.

ప్రకటన

<option value="fiat" selected>Fiat</option>

మీరే ప్రయత్నించండి

<textarea> అంగం

<textarea> అంగానికి బహుళ ఇన్పుట్ ఫీల్డ్ నిర్వచిస్తుంది (టెక్స్ట్ ఫీల్డ్):

ప్రకటన

<textarea name="message" rows="10" cols="30">
కట్ గార్డెన్ లో ప్లే చేస్తున్నాడు.
</textarea>

మీరే ప్రయత్నించండి

以上 HTML 代码在浏览器中显示为:

కట్ గార్డెన్ లో ప్లే చేస్తున్నాడు.

మీరే ప్రయత్నించండి

以上 HTML 代码在浏览器中显示为:

హెచ్టిఎంఎల్5 ఫారమ్ ఎలిమెంట్స్

హెచ్టిఎంఎల్5 పరిణామాలు క్రింది పట్టికలో పేర్కొనబడిన ఫారమ్ ఎలిమెంట్స్ ఉన్నాయి:

  • డేటా లిస్ట్
  • <keygen>
  • <output>

నోట్‌స్:అప్రింటెంట్ ఎలిమెంట్స్ బ్రౌజర్స్ చూపించబడదు. కొత్త ఎలిమెంట్స్ మీ పేజీని దెబ్బతించవు.

హెచ్టిఎంఎల్5 డేటా లిస్ట్ ఎలిమెంట్

డేటా లిస్ట్ ఐన్‌పుట్ ఎలిమెంట్ కోసం ప్రిడఫైన్డ్ ఆప్షన్స్ జాబితా నిర్వహించే ఎలిమెంట్ ప్రకటన.

వినియోగదారులు వారి ఇన్‌పుట్ డేటా నమూనాలు ప్రవేశపెట్టగలిగినప్పుడు ప్రిడఫైన్డ్ ఆప్షన్స్ జాబితా చూపిస్తారు.

ఐన్‌పుట్ ఎలిమెంట్ లిస్ట్ అంశం పరిమితి పై పరిక్షించాలి అంశం మరియు <datalist> ఎలిమెంట్ అనుసంధానించబడి ఉండాలి: ఐడి అంశాలు.

ప్రకటన

ప్రిడఫైన్డ్ విలువలు అందించే <input> ఎలిమెంట్స్ కోసం <datalist> సెట్ చేయండి:

<form action="action_page.php">
<input list="browsers">
<datalist id="browsers">
   <option value="Internet Explorer">
   <option value="Firefox">
   <option value="Chrome">
   <option value="Opera">
   <option value="Safari">
</datalist> 
</form>

మీరే ప్రయత్నించండి