ఈ వ్రాత క్రింది అంశాలను కవర్ చేస్తుంది:
- టెక్స్ట్ ఇన్పుట్ ఫీల్డ్‌ని డిసేబుల్ చేయడం ఎలా?
- ఎంచుకున్న బాక్స్ ఎంపికను ఎలా నిలిపివేయాలి?
- చెక్‌బాక్స్ ఇన్పుట్ ఎలిమెంట్‌ను ఎలా డిసేబుల్ చేయాలి?
- బటన్ ఇన్పుట్ ఎలిమెంట్‌ని డిసేబుల్ చేయడం ఎలా?
అవసరం: ఫారమ్‌ను సృష్టించండి
ముందుగా, HTML 'ని ఉపయోగించడం ద్వారా ఒక ఫారమ్‌ను సృష్టించండి <రూపం> ' మూలకం:
< రూపం >< / రూపం >
అప్పుడు, ఒక 'ని జోడించండి 'మూలకం మరియు దానికి తరగతిని కేటాయించండి' col-12 ”.
< ఫీల్డ్ సెట్ తరగతి = 'col-md-12' >
< పురాణం >విద్యార్థుల నమోదు ఫారం< / పురాణం >
< / ఫీల్డ్ సెట్ >
అవుట్‌పుట్
టెక్స్ట్ ఇన్పుట్ ఫీల్డ్‌ని డిసేబుల్ చేయడం ఎలా?
కొనసాగుతున్న ఉదాహరణ కోసం, ఇచ్చిన సూచనలను అనుసరించండి:
- లోపల ' ” మూలకం, లెజెండ్ ఎలిమెంట్ తర్వాత, ట్యాగ్‌ని జోడించి, దానికి క్లాస్‌ని కేటాయించండి” రూపం-సమూహం ”.
- అప్పుడు, చేర్చండి ' <లేబుల్> 'మరియు' <ఇన్పుట్> ” శీర్షిక మరియు ఇన్పుట్ ఫీల్డ్‌ల కోసం మూలకాలు వరుసగా. ఇన్పుట్ ఎలిమెంట్‌ను క్లాస్‌గా కేటాయించండి ' రూపం-నియంత్రణ ”.
- ఆ తరువాత, కేటాయించండి ' వికలాంగుడు ” ఇన్పుట్ ఫీల్డ్‌ని డిసేబుల్ చేసే లక్షణం:
< div తరగతి = 'రూప సమూహం' >
< లేబుల్ >మీ నమోదు చేయండి పేరు
< ఇన్పుట్ రకం = 'వచనం' తరగతి = 'రూపం-నియంత్రణ' డిసేబుల్>
< / లేబుల్ >
< / div >పైన పేర్కొన్న తరగతుల వివరణ క్రింది విధంగా ఉంది:
- ' రూపం-సమూహం ” అనేది సరళమైన తరగతి, ఇది రూపాల్లో నిర్మాణాన్ని చేర్చడానికి సులభమైన మార్గాన్ని అందిస్తుంది.
- ' రూపం-నియంత్రణ ” ఫారమ్ మూలకాలకు స్వయంచాలకంగా స్టైలింగ్‌ని జోడిస్తుంది.
అవుట్‌పుట్
' లేకుండా మరొక ఇన్పుట్ ఫీల్డ్‌ని జోడించండి వికలాంగుడు ' గుణం:
< div తరగతి = 'రూప సమూహం' >
< లేబుల్ > మీ తండ్రిని నమోదు చేయండి పేరు
< ఇన్పుట్ రకం = 'వచనం' తరగతి = 'రూపం-నియంత్రణ' >
< / లేబుల్ >
< / div >మొదటి ఇన్పుట్ ఫీల్డ్ నిలిపివేయబడిందని మరియు రెండవది ప్రారంభించబడిందని గమనించవచ్చు:
ఎంపిక పెట్టె ఎంపికను ఎలా నిలిపివేయాలి?
ఫారమ్‌లో ఎంచుకున్న పెట్టెను సృష్టించడానికి, HTML 'ని ఉపయోగించండి <ఎంచుకోండి> ' మూలకం. ది ' ” ఎలిమెంట్స్ ఎంచుకున్న బాక్స్ ఐటెమ్‌లకు జోడించబడతాయి.
ఈ ఉదాహరణలో, ''ని ఉపయోగించి రెండవ ఎంపిక నిలిపివేయబడినట్లుగా సెట్ చేయబడిందని గమనించండి. వికలాంగుడు ' గుణం:
< div తరగతి = 'రూప సమూహం' >
< లేబుల్ > వికలాంగుడు బాక్స్ ఎంచుకోండి
< ఎంచుకోండి తరగతి = 'రూపం-నియంత్రణ' >
< ఎంపిక > < ఎంచుకోండి / ఎంపిక >
< ఎంపిక డిసేబుల్> వికలాంగుడు ఎంచుకోండి< / ఎంపిక >
< ఎంపిక >మెనూ< / ఎంపిక >
< / ఎంచుకోండి >
< / లేబుల్ >
< / div >అవుట్‌పుట్
చెక్‌బాక్స్ ఇన్పుట్ ఎలిమెంట్‌ను ఎలా డిసేబుల్ చేయాలి?
మరొక ఫారమ్ కంట్రోల్ చెక్‌బాక్స్‌ని చేద్దాం. చెక్‌బాక్స్‌ని డిసేబుల్ చేయడానికి, “ వికలాంగుడు ” లక్షణం క్రింది విధంగా పేర్కొనబడింది:
< div తరగతి = 'ఫారమ్-చెక్' >
< లేబుల్ తరగతి = 'ఫారమ్-చెక్-లేబుల్' >
< ఇన్పుట్ తరగతి = 'ఫారమ్-చెక్-ఇన్పుట్' రకం = 'చెక్ బాక్స్' డిసేబుల్>
నువ్వు చేయగలవు దీన్ని తనిఖీ చేయవద్దు
అవుట్‌పుట్
బటన్ ఇన్పుట్ ఎలిమెంట్‌ని డిసేబుల్ చేయడం ఎలా?
ఫారమ్ సమర్పణ కోసం మీరు HTML బటన్ మూలకాన్ని కూడా జోడించవచ్చు. ఇప్పుడు, ''ని ఉపయోగించడం ద్వారా ఈ బటన్‌ను డిసేబుల్ చేద్దాం వికలాంగుడు 'తరగతి:
< బటన్ రకం = 'సమర్పించు' తరగతి = 'btn btn-ప్రైమరీ btn-lg డిసేబుల్డ్' >సమర్పించు< / బటన్ >అవుట్‌పుట్
అది బూట్‌స్ట్రాప్‌లో ఇన్పుట్ ఫీల్డ్‌లను డిసేబుల్ చేయడం గురించి.
ముగింపు
బూట్‌స్ట్రాప్‌లో, ఫారమ్ నియంత్రణలను ''ని ఉపయోగించి నిలిపివేయవచ్చు వికలాంగుడు ” లక్షణం లేదా తరగతి. మూలకం యొక్క ప్రారంభ ట్యాగ్ లోపల లక్షణం ఉంచబడుతుంది. మరోవైపు, ' వికలాంగుడు 'తరగతి' లోపల ఉంచబడింది తరగతి ' గుణం. బూట్‌స్ట్రాప్‌లో ఫారమ్ నియంత్రణలను ఎలా డిసేబుల్ చేయాలో వివరించడానికి ఈ కథనం ఉదాహరణలను అందించింది.