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

  • ముందు పేజీ <section>
  • తరువాత పేజీ <small>

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

<select> అంశం డౌన్ లిస్ట్ సృష్టించడానికి ఉపయోగించబడుతుంది.

<select> అంశం అత్యంత ఫారమ్ లో ఉపయోగించబడుతుంది, వినియోగదారు ఇన్పుట్ ను సేకరించడానికి ఉపయోగించబడుతుంది.

ఫారమ్ ను సమర్పించిన తర్వాత, name అంశాన్ని ఉపయోగించి ఫారమ్ డాటాను పేరు చేయాలి (నేమ్ అంశాన్ని సరళంగా వదిలిపోతే, డౌన్ లిస్ట్ లో ఉన్న డాటా సమర్పించబడదు).

<select> కొలబడి లోని <option> టాగ్ డౌన్ లిస్ట్ లో అందుబాటులో ఉన్న ఎంపికలను నిర్వచించండి.

డౌన్ లిస్ట్ ను లేబుల్ తో అనుబంధం చేయడానికి id అంశాన్ని ఉపయోగించండి.

అనుష్ఠానం:ఎల్లప్పుడూ జోడించండి <label> టాగ్ ఉత్తమ అందుబాటు అనుభవానికి పొందండి!

మరియు పరిశీలించండి:

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

CSS పాఠ్యక్రమం:ఫారమ్ శైలి సెట్

ప్రకటన

ఉదాహరణ 1

నాలుగు ఎంపికలతో డౌన్ లిస్ట్ సృష్టించండి:

<label for="cars">ఒక కార్యక్రమ బ్రాండ్ ఎంచుకోండి:</label>
<select name="cars" id="cars">
  <option value="audi">ఆడి</option>
  <option value="byd">బియాంగ్</option>
  <option value="geely">జీలీ</option>
  <option value="volvo">వోల్వో</option>
</select>

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

ఉదాహరణ <select> యొక్క <optgroup> టాగ్ తో ఉపయోగించండి:

<label for="cars">ఒక కార్యక్రమ బ్రాండ్ ఎంచుకోండి:</label>
<select  name="cars" id="cars">
  <optgroup label="చైనా కార్స్">
    <option value="byd">బియాంగ్</option>
    <option value="geely">జీలీ</option>
  </optgroup>
  <optgroup label="జర్మన్ కార్స్">
    <option value="mercedes">మెర్సిడెస్</option>
    <option value="audi">ఆడి</option>
  </optgroup>
</select>

స్వయంగా ప్రయత్నించండి

అంశం

అంశం విలువ వివరణ
ఆటోఫోకస్ ఆటోఫోకస్ డౌన్ లిస్ట్ పేజీ లోడ్ అయినప్పుడు స్వయంచాలకంగా ఫోకస్ పొందాలి.
అచేతనం అచేతనం డౌన్ లిస్ట్ ను అచేతనం చేయాలి.
ఫారమ్ ఫారమ్ ఐడి డౌన్ లిస్ట్ యొక్క ఫారమ్ నిర్వచించు.
బహుళ ఎంపిక బహుళ ఎంపిక యొక్క అనేక ఎంపికలను ఒకేసారి ఎంచుకోవచ్చు.
name పేరు డ్రాప్ డౌన్ లిస్ట్ పేరును నిర్వచిస్తుంది.
required required ఫార్మ్ సమర్పించడానికి ముందు వినియోగదారుడు ఒక విలువను ఎంచుకోవాలి.
size సంఖ్య డ్రాప్ డౌన్ లిస్ట్ లో కనిపించే ఆప్షన్ల సంఖ్యను నిర్వచిస్తుంది.

గ్లోబల్ అట్రిబ్యూట్

<select> టాగ్ ఇవెంట్ అట్రిబ్యూట్ కూడా మద్దతు ఇస్తుంది HTML లో గ్లోబల్ అట్రిబ్యూట్.

ఇవెంట్ అట్రిబ్యూట్

<select> టాగ్ ఇవెంట్ అట్రిబ్యూట్ కూడా మద్దతు ఇస్తుంది HTML లో ఇవెంట్ అట్రిబ్యూట్.

డిఫాల్ట్ CSS సెట్టింగ్

ఏమీ లేదు.

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

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు
  • ముందు పేజీ <section>
  • తరువాత పేజీ <small>