HTML లో చెక్‌బాక్స్‌ను ఎలా సృష్టించాలి?



మీకు ఇష్టమైన వెబ్‌సైట్‌లను బ్రౌజ్ చేస్తున్నప్పుడు, మీరు ఒక ఎంపికను ఎంచుకోవలసి వచ్చినప్పుడు చెక్‌బాక్స్‌లు కనిపిస్తాయి. ఇక్కడ, HTML లో చెక్‌బాక్స్ ఎలా సృష్టించాలో చూద్దాం.

మీకు ఇష్టమైన వెబ్‌సైట్‌లను బ్రౌజ్ చేస్తున్నప్పుడు, అందుబాటులో ఉన్న అనేక వాటిలో ఒక ఎంపికను మీరు ఎంచుకోవలసి వచ్చినప్పుడు చెక్‌బాక్స్‌లు కనిపిస్తాయి. ఈ చెక్‌బాక్స్‌లు సృష్టించబడతాయి ప్రత్యేక ట్యాగ్ సహాయంతో. ఈ వ్యాసంలో, HTML లో చెక్‌బాక్స్‌ను ఎలా సృష్టించాలో మరియు క్రింది క్రమంలో చెక్‌బాక్స్‌ల పనిని ఎలా చూస్తాము:





HTML లో చెక్‌బాక్స్‌ను ఎలా సృష్టించాలి?

చెక్బాక్స్ అనేది ఫారమ్ ఎలిమెంట్, ఇది అందుబాటులో ఉన్న వివిధ ఎంపికల నుండి బహుళ ఎంపికలను ఎంచుకోవడానికి మిమ్మల్ని అనుమతిస్తుంది. HTML ట్యాగ్‌తో చెక్‌బాక్స్‌లు సృష్టించబడతాయి. ఇది ఎలిమెంట్ లోపల గూడు కట్టుకోవచ్చు లేదా అవి ఒంటరిగా నిలబడగలవు. వారు సహాయంతో ఒక రూపంతో సంబంధం కలిగి ఉంటారు రూపం లక్షణం ట్యాగ్ యొక్క.

సరళమైన చెక్‌బాక్స్‌ను సృష్టించడానికి ఇక్కడ ఒక ప్రాథమిక ఉదాహరణ:



ఎరుపు ఆకుపచ్చ నీలం

అవుట్పుట్:

చెక్బాక్స్ అవుట్పుట్ - html - edureka లో చెక్బాక్స్

చెక్‌బాక్స్‌లు ఉపయోగకరంగా ఉండటానికి మరొక ఉదాహరణను పరిశీలిద్దాం మరియు సమర్పించు బటన్‌ను జోడించండి. ఇక్కడ, మీరు ఫారమ్‌ను ప్రాసెస్ చేయడానికి పేజీని పేర్కొనే మూలకంలో చెక్‌బాక్స్‌లను కూడా ఉంచవచ్చు.



మీకు ఇష్టమైన రంగు ఏది? ఎరుపు ఆకుపచ్చ నీలం

ఫలితం:

అవుట్పుట్:

చెక్బాక్స్ vs రేడియో బటన్లు

రేడియో బటన్లు వినియోగదారుని ఒక ఎంపికను మాత్రమే ఎంచుకోవడానికి అనుమతిస్తాయి. అయితే, చెక్‌బాక్స్‌లు ఎన్ని ఎంపికలను అయినా ఎంచుకోవడానికి వినియోగదారుని అనుమతిస్తాయి. ఒక ఉదాహరణ తీసుకుందాం మరియు రేడియో బటన్లు మరియు చెక్‌బాక్స్‌లు ఎలా పనిచేస్తాయో చూద్దాం:

జావాలో డబుల్ టు పూర్ణాంకానికి ప్రసారం
 

చెక్‌బాక్స్‌లు

మీకు ఇష్టమైన రంగు ఏది? ఎరుపు ఆకుపచ్చ నీలం

రేడియో బటన్లు

మీ లింగాన్ని ఎంచుకోవాలా? మగ ఆడ తెలియదు

ఫలితం:

అవుట్పుట్:

పై ఉదాహరణలో, మీరు కోరుకున్నన్ని చెక్‌బాక్స్‌లను ఎంచుకోవచ్చని మీరు చూడవచ్చు. ఇది వినియోగదారు బహుళ ఎంపికలను ఎన్నుకోగలిగే సమయాలకు చెక్‌బాక్స్‌ను అనుకూలంగా చేస్తుంది. కానీ, మీరు ఒకటి కంటే ఎక్కువ రేడియో బటన్లను ఎంచుకోవడానికి ప్రయత్నిస్తే, మునుపటి ఎంపిక డి-సెలెక్ట్ చేయబడింది. ఇది ఒక ఎంపికను మాత్రమే ఎంచుకోవడానికి వినియోగదారులను అమలు చేయడానికి మీకు సహాయపడుతుంది.

HTML లో చెక్‌బాక్స్‌ను నిలిపివేస్తోంది

మీరు చెక్‌బాక్స్‌ను డిసేబుల్ చెయ్యవచ్చు నిలిపివేయబడిన లక్షణాన్ని ఉపయోగించడం ద్వారా. కొన్ని ప్రమాణాలు నెరవేరాయా అనే దానిపై ఆధారపడి చెక్‌బాక్స్‌ను ప్రారంభించడానికి లేదా నిలిపివేయడానికి స్క్రిప్ట్‌తో కలిసి ఇది చేయవచ్చు.

చెక్‌బాక్స్‌ను ఎలా డిసేబుల్ చేయవచ్చో చూడటానికి ఒక ఉదాహరణ తీసుకుందాం:

ఎరుపు ఆకుపచ్చ నీలం

అవుట్పుట్:

పై ఉదాహరణలో, మేము ఎరుపు రంగును నిలిపివేసాము. కాబట్టి, మీరు చెక్బాక్స్ నుండి ఆకుపచ్చ మరియు నీలం రంగులను ఎంచుకోవచ్చు కాని ఎరుపు రంగు కాదు.

దీనితో, మేము మా వ్యాసం చివరికి వచ్చాము. HTML లోని చెక్‌బాక్స్‌లు ఎలా పని చేస్తాయో మరియు వాటిని భిన్నంగా ఎలా ఉపయోగించవచ్చో మీరు అర్థం చేసుకున్నారని నేను ఆశిస్తున్నాను.

జావాలో ఆదర్శం ఏమిటి

HTML లోని చెక్‌బాక్స్ గురించి ఇప్పుడు మీకు తెలుసు, చూడండి ఎడురేకా చేత. HTML5, CSS3, Twitter బూట్స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్‌సైట్‌లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు దానిని అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు అమర్చడానికి వెబ్ డెవలప్‌మెంట్ సర్టిఫికేషన్ శిక్షణ మీకు సహాయం చేస్తుంది.

మాకు ప్రశ్న ఉందా? దయచేసి “HTML లోని చెక్‌బాక్స్” యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.