హ్ట్మ్ఎల్ <datalist> టాగ్

  • ముందు పేజీ <data>
  • తరువాత పేజీ <dd>

నిర్వహణ మరియు ఉపయోగం

<datalist> టాగ్ ఉపయోగించబడింది ఉంటుంది కొరకు: <input> ఎలిమెంట్ప్రిడిఫైన్ ఆప్షన్స్ జాబితా నిర్ధారించడానికి.

<datalist> లేబుల్ టాగ్ ఉపయోగించబడింది ఉంటుంది కొరకు: <input> ఎలిమెంట్ అనేది "ఆటోకమ్ప్లెట్" ఫంక్షన్ అందిస్తుంది. వినియోగదారులు డాటా నమూనాలను ఇచ్చేటప్పుడు, ప్రిడిఫైన్ ఆప్షన్స్ కింది పడిపోయే జాబితా కనిపిస్తుంది.

<datalist> ఎలిమెంట్ యొక్క id అట్రిబ్యూట్ వాస్తవానికి సమానంగా ఉండాలి: <input> ఎలిమెంట్ లిస్ట్ అట్రిబ్యూట్（ఇది వాటిని పెంచుతుంది）。

మరియు చూడండి:

HTML DOM పరిశీలన మానలు:డేటాలిస్ట్ ఆబ్జెక్ట్

ఉదాహరణ

ప్రిడిఫైన్ ఆప్షన్స్ కలిగిన డేటా లిస్ట్ (ఇన్పుట్ ఎలిమెంట్కు కనెక్ట్ చేసినది):

<label for="browser">నివ్వండి మీ బ్రౌజర్ ను ఎంచుకొనండి:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
<option value="Safari">

</datalist>

ప్రత్యక్షంగా ప్రయత్నించండి

<datalist> టాగ్ కూడా ఇవెంట్ అటీవులను మద్దతు ఇస్తుంది గ్లౌబల్ అటీవులు.

HTML లో గ్లౌబల్ అటీవులు

<datalist> టాగ్ కూడా ఇవెంట్ అటీవులను మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అటీవులు.

అప్రమేయ సిఎస్ఎస్ సెట్టింగ్స్

అత్యంత బ్రౌజర్లు క్రింది మూలకం వాడబడుతుంది <datalist> అంశం:

datalist {
  display: none;
}

బ్రౌజర్ మద్దతు

పట్టికలో పేర్కొన్న సంఖ్యలు ఈ ఎలిమెంట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను పేర్కొన్నవి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
20.0 10.0 4.0 12.1 9.5
  • ముందు పేజీ <data>
  • తరువాత పేజీ <dd>