HTML లో ఒక డ్రాప్ డౌన్ జాబితా చేయడానికి ఎలా

HTML లో సరళమైన డ్రాప్ డౌన్ జాబితా ఎంపిక ట్యాగ్ను ఉపయోగించి సృష్టించడం సులభం. ఇది ఒక కంటైనర్ ట్యాగ్, ఎంపిక ట్యాగ్లు దీనిలో పొందుపర్చబడతాయి - అవి జాబితా అంశాలను పేర్కొనండి.

ఎంపిక చేసిన ట్యాగ్ను ఉపయోగించి తయారు చేయగల అనేక రకాల జాబితాలు ఉన్నాయి: ఒక డ్రాప్-డౌన్ జాబితా (ప్రధాన క్షేత్రంపై క్లిక్ చేసినపుడు లేదా కర్సర్తో దానిపై చూపించిన తర్వాత వైవిధ్యాలు తొలగించబడతాయి) మరియు ఒక బహుళ ఎంపిక జాబితా - దీనిలో యూజర్ అనేక అంశాలను ఎంచుకోవచ్చు. మొదటి సాధారణం, ఇవి ఆధునిక సైట్లు యొక్క నావిగేషన్కు ఒక ముఖ్యమైన అంశం. అనేక ఉత్పత్తి లక్షణాలను ఎంపిక చేసుకునే డైరెక్టరీల్లో ఉదాహరణకు, అనేక ఎంపికల డ్రాప్-డౌన్ జాబితా వర్తింపజేయవచ్చు.

మీరు సార్వత్రిక మరియు ప్రత్యేక లక్షణాలను ఉపయోగించి జాబితాల రూపాన్ని మరియు లక్షణాలను మార్చవచ్చు.

ఎంపిక ట్యాగ్ యొక్క లక్షణాలు

1. బహుళ - బహుళ ఎంపిక అమర్చుతుంది.

2. సైజు - జాబితాలోని కనిపించే పంక్తుల సంఖ్య, అనగా ఎత్తు, నిర్దేశిస్తుంది. ఆపై ప్రతిదీ లక్షణం బహుళ లేదా అనే దానిపై ఆధారపడి ఉంటుంది. అవును, మరియు మీరు పరిమాణం పేర్కొనలేదు, అప్పుడు బహుళ ఉంటే, యూజర్ అన్ని ఎంపికలు చూస్తారు, కానీ బహుళ లేకపోతే, ఒక లైన్ మాత్రమే చూపబడుతుంది, మరియు సందర్శకులు మిగిలిన కుడి వైపున ఎలివేటర్ చిహ్నం నొక్కినప్పుడు చదవగలరు. పరిమాణం యొక్క ఎత్తు పేర్కొనబడితే మరియు అది ఎంపికల కన్నా తక్కువగా ఉంటే, ఒక స్క్రోల్ బార్ కుడివైపు కనిపిస్తుంది.

పేరు పేరు. ఒక డ్రాప్-డౌన్ జాబితా దీన్ని లేకుండా చేయగలదు, కానీ సర్వర్లో ఒక హ్యాండ్లర్తో సంప్రదించడం అవసరం కావచ్చు. నియమం ప్రకారం, ఆ పేరు ఇప్పటికీ సూచిస్తుంది.

ఎంపిక ట్యాగ్ వలె కాకుండా, ఎంచుకున్న ట్యాగ్ తప్పనిసరి లక్షణాలను కలిగి లేదు.

సమూహ ఎంపిక ట్యాగ్ యొక్క గుణాలు

1. ఎంపిక - జాబితా అంశం హైలైట్ చేయడానికి రూపొందించబడింది. బహుళ లక్షణం పేర్కొనబడినట్లయితే వినియోగదారుకు ఒకటి కంటే ఎక్కువ అంశం ఎంచుకోవచ్చు (పైన చూడండి).
2. విలువ విలువ. ఈ గుణం అవసరం. యూజర్ ఎంపిక చేసిన అంశాలను వెబ్ సర్వర్ అర్థం చేసుకోవాలి.
3. లేబుల్. ఈ లక్షణంతో, మీరు చాలా పొడవుగా ఉండే జాబితా అంశాలను చిన్నదిగా చేయవచ్చు. ఉదాహరణకు, "మిలన్ - బదులుగా" ట్యాగ్లో పేర్కొన్న "మిలన్ - లాంబార్డీ యొక్క పరిపాలనా కేంద్రం" యొక్క స్క్రీన్ "మిలన్" ను ప్రదర్శిస్తుంది. ఉత్తర ఇటలీ ". జాబితాలో వస్తువులను సమూహించడానికి కూడా ఈ లక్షణం ఉపయోగించబడుతుంది.

జాబితా యొక్క వెడల్పు కొరకు, జాబితాలో విస్తృత వచనం యొక్క పొడవు ప్రకారం ఇది డిఫాల్ట్గా సెట్ చేయబడుతుంది. వాస్తవానికి, వెడల్పు HTML శైలులను ఉపయోగించి మార్చవచ్చు.

డ్రాప్-డౌన్ జాబితా ఇతర మార్గాల్లో

ఇది CSS ను ఉపయోగించి చేయవచ్చు, ఉదాహరణకు, మీరు కర్సర్ను ఒక పేజీ ఎలిమెంట్లో హోవర్ చేసినప్పుడు జాబితా కనిపిస్తుంది. జాబితాలను సృష్టించడం కోసం అద్భుతమైన అవకాశాలు జావాస్క్రిప్ట్ ద్వారా అందించబడతాయి, దీని పనిని J క్వెరీ లైబ్రరీ ద్వారా సులభతరం చేస్తుంది. ఈ లైబ్రరీని ఉపయోగించి అనుసంధానించబడిన డ్రాప్-డౌన్ జాబితా చాలా క్లిష్టమైనది, ఉదాహరణకు, క్యాస్కేడ్ చేయబడింది. ఉదాహరణకు, మీరు ఒక జాబితాలో ఒక అంశాన్ని ఎంచుకున్నప్పుడు, ఉదాహరణకు, ఒక మెను ఐటెమ్ "మహిళల దుస్తులు" (ఉన్నప్పుడు కదిలించడం, దుస్తులు బయటకు వస్తాయి ), అప్పుడు రకాలు ఒకటి ఎంచుకోవడం ఉన్నప్పుడు, ఉదాహరణకు, "ఔటర్వేర్", అంశాల జాబితా: పార్కులు, కోట్లు, చిన్న కోట్లు, బొచ్చు కోట్లు మొదలైనవి.

మీరు డ్రాప్-డౌన్ జాబితాను సృష్టించగల ప్రధాన మార్గాల్లో ఉపరితలంగా పేర్కొన్నారు. వాస్తవానికి, HTML మరియు CSS లో జావాస్క్రిప్ట్ లో చాలా స్వల్ప ఉన్నాయి, ఇది మీరు జాబితాల కార్యాచరణ మరియు రూపాన్ని మార్చడానికి అనుమతిస్తుంది.