హ్టీఎంఎల్ ఫారమ్ అంతస్తులు
- ముందస్తు పేజీ హ్టీఎంఎల్ ఫారమ్ లక్షణాలు
- తదుపరి పేజీ హెచ్టిఎంఎల్ ఇన్పుట్ టైప్స్
ఈ చాప్టర్లో అన్ని హెచ్టిఎమ్ఎల్ ఫారమ్ మెంబెర్స్ గురించి చెప్పబడుతుంది.
<input> మెంబెర్
అత్యంత ముఖ్యమైన ఫారమ్ మెంబెర్ ఇది <input> మెంబెర్
<input> మెంబెర్ వివిధ రూపాలుగా ఉంటుంది ప్రత్యేకంగా టైప్ అట్రిబ్యూట్స్ వివిధ రూపాలుగా మారవచ్చు.
నోట్స్:తదుపరి చాప్టర్లో అన్ని హెచ్టిఎమ్ఎల్ ఇన్పుట్ టైప్స్ గురించి చెప్పబడుతుంది.
<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 代码在浏览器中显示为：
కట్ గార్డెన్‌లో ప్లే చేస్తున్నాడు.
HTML5 表单元素
హెచ్టిఎంఎల్5 ప్రత్యేకంగా కొన్ని ఫారమ్ ఎలిమెంట్స్ జోడించింది:
- <datalist>
- <keygen>
- <output>
నోట్స్:డిఫాల్ట్లో, బ్రౌజర్స్ తెలియని ఎలిమెంట్స్ చూపించరు. కొత్త ఎలిమెంట్స్ మీ పేజీని నాశనం చేయరు.
హెచ్టిఎంఎల్5 <datalist> ఎలిమెంట్
<datalist> ఎలిమెంట్ అనేది <input> ఎలిమెంట్ కోసం ప్రిడఫైన్డ్ ఆప్షన్స్ జాబితాను నిర్దేశిస్తుంది.
వినియోగదారులు వారి ఇన్పుట్ దత్తాంశాన్ని ప్రవేశపెట్టగలిగే సమయంలో ప్రిడఫైన్డ్ ఆప్షన్స్ జాబితా చూపిస్తారు.
ఎలిమెంట్ యొక్క list అట్రిబ్యూట్ సిఫార్సు చేసే <datalist> ఎలిమెంట్ పైన ఉండాలి: id అట్రిబ్యూట్స్
ఉదాహరణ
ప్రిడఫైన్డ్ విలువలు సెట్ చేసే <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>
- ముందస్తు పేజీ హ్టీఎంఎల్ ఫారమ్ లక్షణాలు
- తదుపరి పేజీ హెచ్టిఎంఎల్ ఇన్పుట్ టైప్స్
