బహిర్గతం: మీ మద్దతు సైట్ను అమలులో ఉంచడంలో సహాయపడుతుంది! మేము ఈ పేజీలో సిఫార్సు చేసిన కొన్ని సేవలకు మేము సిఫార్సు రుసుమును సంపాదిస్తాము. మరింత తెలుసుకోండి
భాగస్వామ్యం శ్రద్ధ వహించడం!
చివరిగా డిసెంబర్ 17, 2019న నవీకరించబడింది
వెబ్ ఫారమ్లను వాస్తవంగా అన్ని వెబ్సైట్లు విస్తృత ప్రయోజనాల కోసం ఉపయోగిస్తాయి. ఫోరమ్లు మరియు సోషల్ నెట్వర్క్ల వినియోగదారులు కంటెంట్ను జోడించడానికి మరియు ఇతర వినియోగదారులతో పరస్పర చర్య చేయడానికి ఫారమ్లను ఉపయోగిస్తారు. అనుకూలీకరించదగిన న్యూస్ఫీడ్ల వంటి వ్యక్తిగతీకరించిన అనుభవాన్ని సృష్టించడానికి అనుకూలీకరించగల వెబ్సైట్లు, పేజీలో కనిపించే కంటెంట్ను నియంత్రించడానికి వినియోగదారులను అనుమతించడానికి ఫారమ్లను ఉపయోగిస్తాయి. మరియు దాదాపు ప్రతి వెబ్సైట్ వెబ్సైట్ సందర్శకులు సంస్థను లేదా వెబ్సైట్ను నిర్వహించే వ్యక్తిని సంప్రదించడానికి ఫారమ్లను ఉపయోగిస్తుంది. బహుళ సాంకేతికతల ఏకీకరణ ద్వారా వెబ్ ఫారమ్లు సాధ్యమవుతాయి:
- ఫారమ్ ఫీల్డ్లు మరియు లేబుల్లను సృష్టించడానికి మరియు వినియోగదారు ఇన్పుట్ను ఆమోదించడానికి HTML.
- ఫారమ్ యొక్క ప్రదర్శనను స్టైల్ చేయడానికి CSS.
- ఫారమ్ ఇన్పుట్ని ధృవీకరించడానికి మరియు అజాక్స్-ఎనేబుల్డ్ ఇంటరాక్షన్లను అందించడానికి జావాస్క్రిప్ట్.
- ఫారమ్ డేటాను ప్రాసెస్ చేయడానికి PHP వంటి సర్వర్ వైపు భాషలు.
ఈ గైడ్లో, మేము వెబ్ ఫారమ్లను రూపొందించడానికి ఉపయోగించే అన్ని HTML ఎలిమెంట్లను కవర్ చేయబోతున్నాము, ఫారమ్ను రూపొందించడం, స్టైలింగ్ మరియు ఫారమ్లను రూపొందించడం మరియు ఫారమ్ వినియోగం మరియు ప్రాప్యతను నిర్ధారించడం వంటి ఇతర అంశాలు కూడా ఉన్నాయి.
ఫారమ్ యొక్క నిర్మాణాన్ని నిర్వచించడంపేరా కంటెంట్.
సంప్రదింపు ఫారమ్పేరు:
ఇమెయిల్:
విషయం:
సందేశం: మీ సందేశాన్ని ఇక్కడ టైప్ చేయండి
అదనపు పేరా కంటెంట్
బ్రౌజర్లో రెండర్ చేసినప్పుడు, సంప్రదింపు ఫారమ్ పరిసర కంటెంట్ నుండి స్పష్టంగా వేరు చేయబడుతుంది.
ఫీల్డ్సెట్ ఎలిమెంట్ ఐచ్ఛికం కానీ సాధారణంగా పొడవైన మరియు సంక్లిష్టమైన ఫారమ్లలో సంబంధిత ఎలిమెంట్లను సమూహపరచడానికి లేదా ఫారమ్ కాని కంటెంట్తో పాటు ఫారమ్ను సమర్పించినప్పుడు సమీపంలోని మూలకాల నుండి ఫారమ్ ఫీల్డ్లను వేరు చేయడానికి సాధారణంగా ఉపయోగించబడుతుంది. HTML5 ఫీల్డ్సెట్ మూలకాలకు వర్తించే మూడు లక్షణాలను జోడించింది:
- డిసేబుల్: ఫీల్డ్సెట్లోని అన్ని ఫారమ్లను డిసేబుల్ చేయడానికి ఉపయోగించబడుతుంది. పైన ఉన్న ఉదాహరణ రూపంలో మేము ఈ లక్షణాన్ని ఉపయోగించామని గమనించండి.
- ఫారమ్: ఒకటి లేదా అంతకంటే ఎక్కువ ఫారమ్ మూలకాల ఐడితో ఫీల్డ్సెట్ని అనుబంధించడానికి ఉపయోగించబడుతుంది. ఈ లక్షణానికి బ్రౌజర్ మద్దతు చాలా పరిమితంగా ఉందని గమనించండి.
- పేరు: ఫీల్డ్సెట్తో పేరును అనుబంధిస్తుంది.
మీరు సృష్టిస్తున్న ఫారమ్ రకాన్ని బట్టి, రెండు రకాల మూలకాలను మాత్రమే కలిగి ఉన్న ఫారమ్ను కలిగి ఉండటం పూర్తిగా సాధ్యమవుతుంది: ఒక ఫారమ్ మూలకం మరియు ఒకటి లేదా అంతకంటే ఎక్కువ ఇన్పుట్ మూలకాలు. వివిధ రకాలైన ఇన్పుట్లను సృష్టించడానికి మూలకం ఉపయోగించబడుతుంది. ఫారమ్ వినియోగదారులు పరస్పర చర్య చేయడానికి ఫీల్డ్లు.
సాధారణ విలువలుఇన్పుట్ ఎలిమెంట్ అనేది చాలా సరళమైన మూలకం, ఇది మూలకానికి వర్తించే రకం లక్షణం ఆధారంగా ప్రదర్శన మరియు ప్రవర్తన నాటకీయంగా మారవచ్చు. అత్యంత సాధారణ రకం విలువలు వీటిని కలిగి ఉంటాయి: వచనం : రకం="" లక్షణం కోసం డిఫాల్ట్ విలువ. 20 అక్షరాల వెడల్పు గల వచనం యొక్క ఒకే పంక్తిని నిర్వచిస్తుంది. మీరు మా మునుపటి ఉదాహరణలో ఫారమ్ కోడ్లో చూడగలిగే విధంగా వెడల్పును పరిమాణం లక్షణంతో సర్దుబాటు చేయవచ్చు.
పాస్వర్డ్ : పాస్వర్డ్ రకం ప్రాథమికంగా టెక్స్ట్ ఫీల్డ్తో సమానంగా ఉంటుంది, పాస్వర్డ్ ఫీల్డ్లోకి ప్రవేశించిన అక్షరాలు మాస్క్గా ఉంటాయి.ఈ ఇన్పుట్ రకాలు పైన జాబితా చేయబడిన వాటి కంటే తక్కువగా ఉంటాయి కానీ వాస్తవంగా అన్ని బ్రౌజర్లచే మద్దతు ఇవ్వబడతాయి మరియు అనేక రకాల ఫారమ్ ఇన్పుట్లను రూపొందించడానికి ఉపయోగించవచ్చు.
బటన్ : మీరు ఒక బటన్ను క్లిక్ చేసినప్పుడు ఒకని అమలు చేయాలనుకుంటే, వివిధ రకాల చర్యలతో అనుబంధించబడే బటన్ను సృష్టించడానికి బటన్ ఇన్పుట్ రకాన్ని ఉపయోగించవచ్చు.అనేక అదనపు ఇన్పుట్ రకాలు HTML5 స్పెసిఫికేషన్ ద్వారా నిర్వచించబడ్డాయి. ఈ రకాల్లో చాలా వరకు పరిమిత బ్రౌజర్ మద్దతు ఉంది. కాబట్టి మీరు వాటిని ఉపయోగిస్తే, బ్రౌజర్ మద్దతు కోసం caniuse.comని తనిఖీ చేయండి మరియు తగిన చోట తగిన ఫాల్బ్యాక్ ఎంపికలను అందించండి.
శోధన : మీ ఫారమ్ శోధన కార్యాచరణను అందిస్తుందో లేదో పేర్కొనడానికి ఇది సరైన రకం. HTML5లో జోడించబడిన ఇతర రకాల ఇన్పుట్ల వలె కాకుండా, టైప్="సెర్చ్"కు అన్ని బ్రౌజర్లు మద్దతు ఇస్తాయి. ఈ ఫీచర్ వాస్తవానికి శోధన కార్యాచరణను అందించదని గుర్తుంచుకోండి, ఇది శోధన ఫీచర్లో భాగంగా ఉపయోగించేందుకు రూపొందించబడిన ఫారమ్ ఇన్పుట్ ఫీల్డ్ను సృష్టిస్తుంది: ఈ ఇన్పుట్ రకాన్ని పేర్కొన్నప్పుడు అది ప్రారంభించబడే రంగు-బటన్ని ప్రదర్శిస్తుంది ప్రాథమిక రంగు ఎంపిక సాధనం విలువ లక్షణం మరియు హెక్స్ రంగు కోడ్ని ఉపయోగించడం ద్వారా డిఫాల్ట్ రంగు విలువను సెట్ చేయండి: ఈ రకం బాక్స్లో కుడి వైపున ఉన్న సంఖ్యను నమోదు చేయడానికి ఒక ఫీల్డ్ను ఉత్పత్తి చేస్తుంది గరిష్టంగా , నిమి , మరియు దశ లక్షణాలతో ఆమోదయోగ్యమైన నమోదులు, కానీ ఈ ఎలిమెంట్కు మద్దతు లేని బ్రౌజర్లు సాధారణంగా ఈ పరిమితుల పరిధిని గుర్తించని ప్రామాణిక టెక్స్ట్ ఇన్పుట్కి ఫాల్బ్యాక్ చేస్తాయి: ఈ మూలకం కోసం బ్రౌజర్ మద్దతు కొన్ని మినహాయింపులతో చాలా బాగుంది పేర్కొన్న పరిధిలోని విలువను ఎంచుకోవడానికి ఉపయోగించే స్లయిడర్ను ఉత్పత్తి చేయడానికి ఈ లక్షణం 50: 100 మరియు 1000 మధ్య సంఖ్యను ఎంచుకోవడానికి స్లయిడర్ను ఉత్పత్తి చేస్తుంది. ఎంచుకున్న విలువ యొక్క ప్రత్యక్ష పరిదృశ్యాన్ని అందించడానికి మీరు శ్రేణి మూలకాన్ని మరొక సాంకేతికతతో జత చేయాలి. కృతజ్ఞతగా, అవుట్పుట్ మూలకాన్ని ఉపయోగించి దీన్ని చేయడానికి HTML5 వైద్యుడికి సులభమైన మార్గం ఉంది. తేదీ మరియు సమయ రకాలు : HTML5 అనేక ఇన్పుట్ రకాలను జోడించింది. ఇది సమయం మరియు తేదీ విలువలను పేర్కొనడానికి ఉపయోగించబడుతుంది నిర్దిష్ట ఇన్పుట్ రకాల్లో రోజు లేదా సమయాన్ని పేర్కొనకుండా ఒక వారం లేదా నెలను ఎంచుకోవడానికి ఉపయోగించే నెల మరియు వారం ఎంపికలు ఉన్నాయి, కాబట్టి బ్రౌజర్ మద్దతు కోసం తనిఖీ చేయండి మీరు ఈ రకమైన ఇన్పుట్ను ఉపయోగిస్తే ఫాల్బ్యాక్లను అందించండి.టైప్ అట్రిబ్యూట్ చాలా ఎక్కువగా ఉపయోగించే మరియు అత్యంత ఉపయోగకరమైన ఇన్పుట్ లక్షణం అయితే, ఉపయోగకరమైన ఫారమ్లను రూపొందించడానికి మీరు తెలుసుకోవలసిన అనేక ఇతర లక్షణాలు ఉన్నాయి.
పేరు : ఇన్పుట్ ఎలిమెంట్కు కేటాయించిన పేరు అనుబంధిత ఫీల్డ్లో నమోదు చేయబడిన విలువతో పాటు సమర్పించబడుతుంది. మరో మాటలో చెప్పాలంటే, ఈ కోడ్తో ఇన్పుట్ ఎలిమెంట్లో “ఫ్రెడ్” అనే విలువను నమోదు చేస్తే, సమర్పించిన విలువ “first_name=Fred” అవుతుంది.
విలువ : ఇన్పుట్ మూలకం యొక్క విలువ అది వర్తించే ఇన్పుట్ రకాన్ని బట్టి వేరే ఫంక్షన్ను నిర్వహిస్తుంది. సమర్పించడం, రీసెట్ చేయడం లేదా బటన్ రకాలకు వర్తింపజేసినప్పుడు విలువ బటన్పై టెక్స్ట్గా ఉపయోగించబడుతుంది. టెక్స్ట్ ఫీల్డ్లకు వర్తింపజేసినప్పుడు అది ఫీల్డ్తో అనుబంధించబడిన డిఫాల్ట్ విలువను అందిస్తుంది. చెక్బాక్స్ లేదా రేడియో బటన్తో అనుబంధించినప్పుడు, ఎంచుకుంటే ఆ ఫీల్డ్తో అనుబంధించబడే విలువను విలువ అందిస్తుంది.
మిమ్మల్ని మా వెబ్సైట్కి ఎవరు రెఫర్ చేశారు?:
పింక్:
ఎరుపు:HTML5 ఇన్పుట్ మూలకాలతో అనుబంధించబడే అనేక కొత్త లక్షణాలను జోడించింది. ఈ మూలకాలలో కొన్నింటికి బ్రౌజర్ మద్దతు పరిమితం చేయబడింది, కాబట్టి మద్దతు కోసం తనిఖీ చేయండి మరియు మద్దతు లేని బ్రౌజర్ల వినియోగదారుల కోసం ఫాల్బ్యాక్ ఎంపికలను అందించండి.
- స్వీయపూర్తి : మీ ఫారమ్ సాధారణ ఫీల్డ్లను కలిగి ఉంటే, స్వయంపూర్తిని ఆన్ చేయడం వలన సందర్శకుల బ్రౌజర్ మునుపు పూర్తి చేసిన ఫారమ్ల ఆధారంగా ఎంట్రీలను సూచించడానికి అనుమతిస్తుంది.
- formectype : ఫారమ్ సమర్పణల కోసం ఉపయోగించాల్సిన ఎన్కోడింగ్ రకాన్ని పేర్కొనండి. ఉపయోగించిన విలువ పేరెంట్ ఫారమ్ మూలకం యొక్క ఎన్క్టైప్ లక్షణానికి వర్తించే విలువను భర్తీ చేస్తుంది.
- ఫార్మ్మెథోడ్: పొందే లేదా పోస్ట్ పద్ధతి విలువను పేర్కొనడానికి ఈ లక్షణం ఉపయోగించబడుతుంది మరియు పేరెంట్ ఫారమ్కు వర్తించే పద్ధతి లక్షణాన్ని భర్తీ చేస్తుంది.
- formnovalidate : సమర్పించినప్పుడు ఫారమ్ ఇన్పుట్ ధృవీకరించబడకూడదనుకుంటే మీరు ఈ లక్షణాన్ని ఉపయోగించవచ్చు.
- formtarget : సమర్పించు లేదా ఇమేజ్ ఇన్పుట్ రకం ఫీల్డ్కు ఈ లక్షణాన్ని వర్తింపజేయడం ద్వారా పేరెంట్ ఫారమ్ మూలకానికి వర్తింపజేయబడిన లక్ష్య లక్షణాన్ని భర్తీ చేయండి.
టైప్ పరిమాణాన్ని నిర్వచించండి="image" : ఫారమ్ సమర్పణ బటన్ను సృష్టించడానికి మీరు ఇమేజ్ ఇన్పుట్ రకాన్ని ఉపయోగిస్తే, మీరు ఎత్తు మరియు వెడల్పు లక్షణాలను ఉపయోగించి చిత్రం పరిమాణాన్ని నియంత్రించవచ్చు. ప్రత్యామ్నాయంగా, మీరు CSSతో కూడా అదే పనిని చేయవచ్చు. చాలా మంది డెవలపర్లు మరియు డిజైనర్లు ఈ లక్షణాలను నివారించాలని మరియు CSSతో బటన్ రూపాన్ని నియంత్రించాలని సిఫార్సు చేస్తారు. సంఖ్యా విలువల కోసం పరిమితులు మరియు ఇంక్రిమెంట్లను సెట్ చేయండి: మీరు కనిష్ట మరియు గరిష్ట విలువలను నిర్వచించడానికి నిమి, గరిష్టం మరియు దశల లక్షణాలను ఉపయోగించవచ్చు అలాగే సంఖ్యా విలువలను అంగీకరించే ఏదైనా ఇన్పుట్ కోసం ఈ విలువల మధ్య పడే ఆమోదయోగ్యమైన ఇంక్రిమెంట్లను ఉపయోగించవచ్చు.
డ్రాప్-డౌన్లు, వచన ప్రాంతాలు & బటన్లుఫారమ్ ఫీల్డ్లను సృష్టించడానికి ఇన్పుట్లు మాత్రమే ఉపయోగించబడవు, ఇతర రకాల మూలకాలు డ్రాప్-డౌన్ జాబితాలు లేదా ఎంపికలు, ఉచిత-ఫారమ్ టెక్స్ట్ ఏరియాలు మరియు సౌకర్యవంతమైన బటన్లను సృష్టించడానికి ఫారమ్లతో అనుబంధించబడతాయి.
ప్రీ-పాపులేటెడ్ డ్రాప్-డౌన్ జాబితాలువెబ్సైట్ సందర్శకులు ఒక ఎంపికను ఎంచుకోగల ప్రీ-పాపులేటెడ్ ఆప్షన్ల డ్రాప్-డౌన్ జాబితాను రూపొందించడానికి, ఫీల్డ్ను సృష్టించడానికి ఎంచుకున్న మూలకాన్ని ఉపయోగించండి మరియు డ్రాప్-డౌన్ మెనులో కనిపించే వివిధ ఎంపికలను సృష్టించడానికి గూడు బహుళ ఎంపిక మూలకాలను ఉపయోగించండి . ఉదాహరణకు, ఒక కాల్పనిక ఇ-కామర్స్ స్టోర్ కోసం ప్రేరేపిత రంగు ఎంపికల డ్రాప్-డౌన్ మెనుని సృష్టించడానికి, కింది కోడ్ని ఉపయోగించవచ్చు:
గాలులతో కూడిన ఇసుక దిబ్బ లష్ ఫారెస్ట్ అల్లకల్లోల జలాలు లోతైన రాత్రి
ఫారమ్ను పూర్తి చేసే సందర్శకుడికి అందించబడేది ఓపెనింగ్ మరియు క్లోజింగ్ ట్యాగ్ల మధ్య ఉన్న టెక్స్ట్ అయితే ఫారమ్తో వాస్తవంగా సమర్పించబడేది విలువ అని గమనించండి. ఉదాహరణకు, ఒక సందర్శకుడు "లష్ ఫారెస్ట్"ని ఎంచుకుంటే, ఫారమ్తో సమర్పించిన వాస్తవ విలువ ఆకుపచ్చగా ఉంటుంది . బ్రౌజర్లో మా డ్రాప్-డౌన్ జాబితా ఎలా చూపబడుతుందో ఇక్కడ ఉంది:
గాలులతో కూడిన ఇసుక దిబ్బ లష్ ఫారెస్ట్ అల్లకల్లోల జలాలు లోతైన రాత్రి
ఉచిత ఫారమ్ టెక్స్ట్ ప్రాంతాలుమేము ఇప్పటివరకు చూసిన అన్ని టెక్స్ట్ ఇన్పుట్లు, అంటే , ఒకే లైన్ టెక్స్ట్ని మాత్రమే ఆమోదించండి. అయితే, మీరు పొడవైన టెక్స్ట్ ఇన్పుట్ కోసం పెద్ద టెక్స్ట్ ఏరియాని సృష్టించాలనుకుంటే, ఒక లైన్ ఇన్పుట్ ఫీల్డ్ పని చేయదు. టెక్స్ట్ ఏరియా మూలకం అనేది ఒక పెద్ద టెక్స్ట్ ఇన్పుట్ ప్రాంతాన్ని సృష్టించడానికి సరైన ఎంపిక, ఇది ఒకే లైన్లో బాగా రెండర్ చేయని టెక్స్ట్ ఇన్పుట్ను ఆమోదించగలదు. టెక్స్ట్ ఏరియాలో మూడు భాగాలు ఉన్నాయి:
టెక్స్ట్ ఏరియా మూలకాలు పునఃపరిమాణం చేయగలవు. ఏది ఏమైనప్పటికీ, అడ్డు వరుసలు మరియు cols గుణాలు టెక్స్ట్ఏరియా యొక్క పరిమాణాన్ని బ్రౌజర్ ద్వారా మొదటిసారి రెండర్ చేసినప్పుడు నిర్వచిస్తాయి మరియు ప్రాంతాన్ని సరిపోయేలా పరిమాణాన్ని మార్చగల కనీస స్థలాన్ని కూడా సెట్ చేస్తాయి.
ఇక్కడ వచనాన్ని నమోదు చేయండి
ఈ కోడ్ మూడు అడ్డు వరుసల పొడవు మరియు ప్రతి అడ్డు వరుసకు 60 అక్షరాలను అంగీకరించగల రెండు ఒకే పరిమాణ టెక్స్ట్ ఏరియాలను ఉత్పత్తి చేస్తుంది. అవి డిఫాల్ట్ పరిమాణం కంటే పెద్ద పరిమాణంలో ఏ పరిమాణంలోనైనా పరిమాణం మార్చబడతాయి. ప్లేస్హోల్డర్ ఎలిమెంట్తో ప్లేస్హోల్డర్ టెక్స్ట్ మొదటిదానికి ఎలా జోడించబడిందో కానీ రెండవ ఉదాహరణలో ఓపెనింగ్ మరియు క్లోజింగ్ ట్యాగ్ల మధ్య ఎలా ఉంచబడిందో గమనించండి. ఈ రెండు బిట్స్ కోడ్ ఎలా రెండర్ చేయబడిందో మీరు క్రింద చూడవచ్చు.
టెక్స్ట్ఏరియా పరిమాణాన్ని 'రోస్' మరియు 'కోల్స్' ఉపయోగించి పేర్కొనవచ్చు, టెక్స్ట్ ఏరియాలను స్టైల్ మరియు సైజ్ చేయడానికి CSSని ఉపయోగించడం మంచి పద్ధతి.
ఇన్పుట్ మూలకాలకు వర్తించే అనేక లక్షణాలను టెక్స్ట్ఏరియా మూలకాలకు కూడా వర్తింపజేయవచ్చు. అదనంగా, పైన ఉన్న మా ఉదాహరణలో చేర్చబడిన వాటికి, టెక్స్ట్ ప్రాంతాలకు వర్తించే లక్షణాలలో ఇవి ఉన్నాయి: ఆటో ఫోకస్ , డిసేబుల్ , ఫారమ్ , గరిష్ట పొడవు , పేరు , చదవడానికి మాత్రమే , అవసరం , మరియు చుట్టు .ఫ్లెక్సిబుల్ బటన్లు
ఫారమ్ల కోసం బటన్లను సృష్టించడానికి రెండు మార్గాలు ఉన్నాయి:
HTML5లో మూడు కొత్త ఫారమ్ మూలకాలు జోడించబడ్డాయి: డేటాలిస్ట్ : ఇన్పుట్ ఎలిమెంట్ కోసం సూచించబడిన స్వీయపూర్తి విలువల జాబితాను అందించడానికి ఈ మూలకాన్ని ఉపయోగించండి. డేటాలిస్ట్ మూలకాన్ని ఉపయోగించడానికి, ముందుగా జాబితా లక్షణంతో ఇన్పుట్ మూలకాన్ని సృష్టించండి. ఆపై id లక్షణంతో డేటాలిస్ట్ మూలకాన్ని సృష్టించండి. ఇన్పుట్ జాబితా లక్షణానికి వర్తించే విలువ తప్పనిసరిగా డేటాలిస్ట్ ఐడితో సరిపోలాలి. డేటాలిస్ట్ ట్యాగ్లను తెరవడం మరియు మూసివేయడం మధ్య ఎంపిక మూలకాలను జోడించడం ద్వారా విలువలు డేటాలిస్ట్కు జోడించబడతాయి. ఇదంతా ఎలా పని చేస్తుందో ఇక్కడ ఒక ఉదాహరణ:
మేము ఆ కోడ్ని బ్రౌజర్లో రెండర్ చేసినప్పుడు మరియు ఇన్పుట్ ఎలిమెంట్ కనిపిస్తుంది. మేము టైప్ చేయడం ప్రారంభిస్తే, డేటాలిస్ట్లో చేర్చబడిన ఎంపికల ఆధారంగా స్వీయపూర్తి సూచనలు చేయబడతాయి. ఫారమ్ను సమర్పించే వినియోగదారులు ఈ ఎంపికలలో ఒకదాని నుండి ఎంచుకోవడానికి మాత్రమే పరిమితం చేయబడరని గుర్తుంచుకోండి.
మీకు ఇష్టమైన వెబ్ టెక్నాలజీ ఏమిటి?
అవుట్పుట్: గణన లేదా వినియోగదారు ఇన్పుట్ ఫలితాన్ని ప్రదర్శించడానికి ఈ మూలకాన్ని ఉపయోగించండి. సంబంధిత ఇన్పుట్ ఎలిమెంట్ ఐడితో సరిపోలే విలువతో ఫర్ అట్రిబ్యూట్ని ఉపయోగించడం ద్వారా ఇన్పుట్ ఎలిమెంట్తో అనుబంధించండి లేదా సంబంధిత ఫారమ్ ఐడితో సరిపోలే విలువను ఉపయోగించి ఫారమ్ అట్రిబ్యూట్ని జోడించడం ద్వారా ఫారమ్తో అనుబంధించండి. పరిధి మూలకం యొక్క స్లయిడర్ యొక్క ప్రస్తుత స్థానం ద్వారా సూచించబడే ఖచ్చితమైన విలువను ఫారమ్ వినియోగదారులకు తెలియజేయడానికి అవుట్పుట్ మూలకం పరిధి మూలకంతో కూడా జత చేయబడుతుంది. ఈ విధంగా అవుట్పుట్ మరియు రేంజ్ ఎలిమెంట్లను ఉపయోగించడం అనేది ఈ పరిచయ ట్యుటోరియల్ పరిధికి మించినది, కానీ మీరు ఈ రెండు ఎలిమెంట్లను కలిపి ఉపయోగించాలనుకుంటే HTML5 డాక్టర్ వద్ద ఈ టెక్నిక్ గురించి మరింత తెలుసుకోవచ్చు.
తదుపరి దశలుఈ ట్యుటోరియల్ వెబ్ కోసం ఫారమ్లను రూపొందించడానికి ఉపయోగించే మూలకాల యొక్క అవలోకనాన్ని అందించింది. తదుపరి దశ మీరు సంపాదించిన కొంత జ్ఞానాన్ని ప్రయత్నించడం. ఈ విభాగంలోని ఇతర ట్యుటోరియల్లు రిజర్వేషన్ ఫారమ్ని సృష్టించడం, ఫారమ్లను స్టైలింగ్ చేయడం మరియు రూపకల్పన చేయడం మరియు మీ ఫారమ్లు వినియోగం మరియు యాక్సెసిబిలిటీ మార్గదర్శకాలకు అనుగుణంగా ఉండేలా చూసుకోవడం ద్వారా మిమ్మల్ని నడిపిస్తాయి.
తరచుగా అడిగే ప్రశ్నలు సంఖ్యలను మాత్రమే ఆమోదించడానికి మీరు ఫారమ్ ఫీల్డ్ను ఎలా పరిమితం చేస్తారు?గతంలో, ఫీల్డ్ను నంబర్లకు పరిమితం చేయడానికి కేవలం జావాస్క్రిప్ట్ని ఉపయోగించడం అవసరం. అయితే, HTML5 విడుదలతో, ఫీల్డ్ను సంఖ్యా ఇన్పుట్కు మాత్రమే పరిమితం చేయడం ఇప్పుడు చాలా సులభం. వర్తించే ఇన్పుట్ మూలకం యొక్క రకం లక్షణానికి సంఖ్య విలువను వర్తింపజేయండి. ఉదాహరణకు:
రెండర్ చేసినప్పుడు, సంఖ్యలను మాత్రమే ఆమోదించే టెక్స్ట్ ఇన్పుట్ ఫీల్డ్ను ఉత్పత్తి చేస్తుంది.
ఆల్ఫాన్యూమరిక్ అక్షరాలను మాత్రమే ఆమోదించడానికి మీరు ఫారమ్ ఫీల్డ్ని ఎలా పరిమితం చేస్తారు?గతంలో, ఫీల్డ్ ఇన్పుట్ను ఆల్ఫాన్యూమరిక్ క్యారెక్టర్లకు పరిమితం చేసే ఏకైక మార్గం j క్వెరీ లేదా జావాస్క్రిప్ట్ని ఉపయోగించడం మరియు కస్టమ్ ఫంక్షన్ను రూపొందించడం. అయినప్పటికీ, HTML5 ఇన్పుట్ మూలకాల కోసం నమూనా లక్షణాన్ని జోడించింది, ఇది ఆల్ఫాన్యూమరిక్ ఇన్పుట్ను మాత్రమే ఆమోదించడానికి ఫారమ్ ఫీల్డ్ను పరిమితం చేయడానికి ఉపయోగించబడుతుంది. ట్రిక్ చేసే కోడ్ ఇక్కడ ఉంది:
ఈ సందర్భంలో, నమూనా మూలకం చిన్న అక్షరాలు, పెద్ద అక్షరాలు మరియు సంఖ్యలను అంగీకరిస్తుంది. కర్లీ బ్రేస్లలోని విలువ యొక్క రెండవ భాగం ఫీల్డ్లోకి ఎన్ని మొత్తం అక్షరాలు నమోదు చేయవచ్చో నిర్దేశిస్తుంది. బ్రౌజర్లో అది ఎలా కనిపిస్తుందో చూద్దాం.
ఇది పని చేసే విధానం ఏమిటంటే, మీరు పేర్కొన్న నమూనాకు అనుగుణంగా లేని విలువలను సమర్పించడానికి ప్రయత్నించినప్పుడు టైటిల్ లక్షణం ప్రదర్శించబడుతుంది. కాబట్టి మీరు నమూనా లక్షణం లోపల కొన్ని సూచనలను ఉంచాలి, తద్వారా వినియోగదారులు వారు ఏమి తప్పు చేశారో గుర్తించగలరు. . ఈ సాపేక్షంగా కొత్త లక్షణం కోసం బ్రౌజర్ మద్దతు నిజంగా చాలా బాగుంది. IE 9 మరియు IE యొక్క మునుపటి సంస్కరణలు దీనికి మద్దతు ఇవ్వవు మరియు Opera Miniకి కూడా మద్దతు లేదు. అయినప్పటికీ, అన్ని ఇతర బ్రౌజర్లు లక్షణానికి మద్దతు ఇస్తాయి.
వినియోగదారు ఎంటర్ నొక్కినప్పుడు మీరు ఫారమ్ను ఎలా సమర్పించాలి?మీరు ఎంటర్ని నొక్కినప్పుడు సమర్పించని ఫారమ్ని మీరు చూసినట్లయితే, ఎవరైనా ఉద్దేశపూర్వకంగా ఆ విధంగా ప్రవర్తించేలా ఫారమ్ను రూపొందించారు - మరియు వారు నిజంగా అలా చేసి ఉండకూడదు. వెబ్ యాక్సెసిబిలిటీ స్పెక్స్ స్పష్టంగా ఉన్నాయి: అవ్యక్త సమర్పణను అనుమతించడానికి డిజైన్ ఫారమ్లు. అవ్యక్త సమర్పణ అంటే ఏమిటి? ఎంటర్ నొక్కడం ద్వారా ఫారమ్ను సమర్పించడం. అవ్యక్త సమర్పణకు మద్దతు ఇచ్చేలా బ్రౌజర్లు రూపొందించబడ్డాయి. ఇది ఎలా పని చేస్తుందో ఇక్కడ ఉంది ఉదాహరణకు ఈ ఫారమ్ని తీసుకోండి:
పేరు:
వయస్సు:
మీరు ఆ ఫారమ్లోని ఏదైనా మూలకంపై దృష్టి కేంద్రీకరించి, ఎంటర్ నొక్కితే, ఫారమ్ సమర్పించబడుతుంది. ఇది అవ్యక్త సమర్పణ మరియు అన్ని ఆధునిక బ్రౌజర్లు ఈ ప్రవర్తనకు మద్దతు ఇస్తాయి. ఫారమ్లోని బటన్ మూలకాన్ని ఉపయోగించండి మరియు మీరు టైప్ అట్రిబ్యూట్ కోసం సమర్పించే విలువను కూడా ఉపయోగించాల్సిన అవసరం లేదు. ఈ ఫారమ్లోని ఏదైనా మూలకంపై దృష్టి కేంద్రీకరించినప్పుడు ఎంటర్ నొక్కండి మరియు ఫారమ్ ఇప్పటికీ సమర్పించబడుతుంది.
పేరు:
వయస్సు:
సమర్పించండి
కాబట్టి డెవలపర్లు ఈ ప్రవర్తనను ఎలా విచ్ఛిన్నం చేస్తారు? ఈ ప్రవర్తనను అధిగమించడానికి ఒక మార్గం–మరియు స్పష్టంగా చెప్పాలంటే, ఫారమ్ ఎలిమెంట్లను వదలడం మేము దీన్ని సిఫార్సు చేయము. ఫారమ్ ట్యాగ్ల మధ్య ఉన్న ప్రతిదానిని సమూహపరచడం ద్వారా ఏమి సమర్పించాలో బ్రౌజర్కు తెలుసు. ఆ ట్యాగ్లను వదలండి మరియు బ్రౌజర్ అలా చేయదు" ఏమి సమర్పించాలో తెలియదు. కొంతమంది డెవలపర్లు బ్రౌజర్ ప్రవర్తనను మార్చే మరో మార్గం ఏమిటంటే, ఇలాంటి సరైన HTML మూలకాల కంటే బటన్లను రూపొందించడానికి CSSని ఉపయోగించడం.
.submitButton (ప్యాడింగ్: 10px 20px; మార్జిన్-టాప్: 10px; నేపథ్య-రంగు: #ddd; సరిహద్దు-వ్యాసార్థం: 5px; ప్రదర్శన: ఇన్లైన్-బ్లాక్; ) .submitButton: హోవర్ (నేపథ్యం-రంగు: #ccc; ) .submitButton: యాక్టివ్ (నేపథ్యం-రంగు: #ddd; ) పేరు:
వయస్సు:
సమర్పించండి
ఇది బ్రౌజర్ ద్వారా రెండర్ చేయబడినప్పుడు, బటన్ లాగా కనిపించే బటన్ను ఉత్పత్తి చేస్తుంది కానీ ఎంటర్ నొక్కినప్పుడు ఏమీ చేయదు.
SubmitButton(ప్యాడింగ్: 10px 20px; మార్జిన్-టాప్: 10px; నేపథ్యం-రంగు: #ddd; సరిహద్దు-వ్యాసార్థం: 5px; ప్రదర్శన: ఇన్లైన్-బ్లాక్;).submitButton: hover(బ్యాక్గ్రౌండ్-కలర్: #ccc;).submitButton:active (నేపథ్యం-రంగు: #ddd;)
విద్యార్థి రిజిస్ట్రేషన్ ఫారమ్ కోసం html కోడ్ యొక్క ఉదాహరణ ఇక్కడ ఉంది. ఈ ఉదాహరణలో, మేము అనేక టెక్స్ట్ ఫీల్డ్లు, రేడియో బటన్, రీసెట్ బటన్ మరియు సబ్మిట్ ఫారమ్ బటన్లను ప్రదర్శించాము. మేము అన్ని ఫీల్డ్లను ఖాళీగా రీసెట్ చేసే రీసెట్ బటన్ని ఉపయోగించాము. మేము విద్యార్థి నమోదు ఫారమ్లో జావాస్క్రిప్ట్ ధ్రువీకరణను ఉపయోగించాము.
విద్యార్థి నమోదు ఫారమ్ కోసం html కోడ్ యొక్క ఉదాహరణ ఇక్కడ ఉంది. ఈ ఉదాహరణలో, మేము అనేక టెక్స్ట్ ఫీల్డ్లు, రేడియో బటన్, రీసెట్ బటన్ మరియు సబ్మిట్ ఫారమ్ బటన్లను ప్రదర్శించాము. మేము అన్ని ఫీల్డ్లను ఖాళీగా రీసెట్ చేసే రీసెట్ బటన్ని ఉపయోగించాము. మేము విద్యార్థి నమోదు ఫారమ్లో జావాస్క్రిప్ట్ ధ్రువీకరణను ఉపయోగించాము. విద్యార్థి నమోదు ఫారమ్ కోసం html కోడ్విద్యార్థి నమోదు ఫారమ్ కోసం html కోడ్ యొక్క ఉదాహరణ ఇక్కడ ఉంది. ఈ ఉదాహరణలో, మేము అనేక టెక్స్ట్ ఫీల్డ్లు, రేడియో బటన్, రీసెట్ బటన్ మరియు సబ్మిట్ ఫారమ్ బటన్లను ప్రదర్శించాము. మేము అన్ని ఫీల్డ్లను ఖాళీగా రీసెట్ చేసే రీసెట్ బటన్ని ఉపయోగించాము. మేము విద్యార్థి రిజిస్ట్రేషన్ ఫారమ్లో జావాస్క్రిప్ట్ ధ్రువీకరణను ఉపయోగించాము. మీరు టెక్స్ట్ ఫీల్డ్లో విలువను నమోదు చేయకపోతే లోపం సందేశం చూపబడుతుంది. ఈ ఉదాహరణలో మేము ప్రతి ఫీల్డ్లో తప్పనిసరిగా నమోదు చేసాము కాబట్టి వాటిలో ఒకటి సరిగ్గా పూరించబడకపోతే ఎర్రర్ చూపబడుతుంది. అయితే, ఒక ప్రోగ్రామర్ దానిని తదనుగుణంగా సర్దుబాటు చేయవచ్చు.
అన్ని ఫీల్డ్లు సరిగ్గా పూరించబడినప్పుడు, ఫారమ్ను సమర్పించండి డేటాను జోడిస్తుంది. ప్రోగ్రామర్ ఈ సబ్మిట్ ఫారమ్ని అతను/ఆమె కోరుకున్నట్లుగా ఉపయోగించవచ్చు, వారు దానిని ఇతర పేజీకి పంపవచ్చు/మళ్లింపు చేయవచ్చు లేదా డేటాబేస్లో సేవ్ చేయవచ్చు.
"HTMLలో విద్యార్థి నమోదు ఫారమ్ను ఎలా సృష్టించాలి?" యొక్క వీడియో ట్యుటోరియల్ ఇక్కడ ఉంది:
పై వీడియో సూచనలో మేము విద్యార్థుల నమోదు కోసం html పేజీని ఎలా తయారు చేయాలో మరియు జావాస్క్రిప్ట్తో దాన్ని ఎలా ధృవీకరించాలో వివరించాము. జావాస్క్రిప్ట్ వెబ్ అప్లికేషన్లలో HTML పేజీని ధృవీకరించడానికి ఉపయోగించబడుతుంది. ఈ రోజుల్లో అజాక్స్ మరియు j క్వెరీ డైనమిక్ వెబ్ అప్లికేషన్లను తయారు చేయడానికి కూడా ఉపయోగించబడుతున్నాయి.
StudentRegistration.html
విద్యార్థి నమోదు ఫారమ్ | ||
పేరు | ||
తండ్రి పేరు | ||
పోస్టల్ చిరునామా | ||
వ్యక్తిగత చిరునామా | ||
సెక్స్ | పురుషుడు స్త్రీ | |
నగరం | ఎంచుకోండి.. న్యూ ఢిల్లీ ముంబై గోవా పాట్నా | |
కోర్సు | ఎంచుకోండి.. B.TECH MCA MBA BCA | |
జిల్లా | ఎంచుకోండి.. నలంద UP గోవా పాట్నా | |
రాష్ట్రం | ఎంచుకోండి.. న్యూ ఢిల్లీ ముంబై గోవా బీహార్ | |
పిన్కోడ్ | ||
ఇమెయిల్ ఐడి | ||
DOB | ||
మొబైల్ నెం | ||
ఫారమ్ ధ్రువీకరణ
ఫంక్షన్ చెల్లుబాటు() ( if(document.StudentRegistration.textnames.value == "") ( హెచ్చరిక("దయచేసి మీ పేరును అందించండి!"); document.StudentRegistration.textnames.focus() ; తప్పుని అందించండి; ) if(document.StudentRegistration .తండ్రి పేరు ("దయచేసి మీ పోస్టల్ చిరునామాను అందించండి!"); document.StudentRegistration.paddress.focus() ; తప్పుగా రిటర్న్ చేయండి; ) if(document.StudentRegistration.personaladdress.value == "") ( హెచ్చరిక("దయచేసి మీ వ్యక్తిగత చిరునామాను అందించండి !"); document.StudentRegistration.personaladdress.focus() ; తప్పుని తిరిగి ఇవ్వండి : పురుషుడు లేదా స్త్రీ"); తప్పుని తిరిగి ఇవ్వండి; ) if(document.StudentRegistration.City.value == "-1") ( హెచ్చరిక("దయచేసి మీ నగరాన్ని అందించండి!"); document.StudentRegistration.City.focus() ;
ఈ కథనంలో, మీరు HTML, JavaScript, PHP మరియు MySql ఉపయోగించి రిజిస్ట్రేషన్ మరియు లాగిన్ ఫారమ్ను ఎలా సృష్టించాలో నేర్చుకుంటారు. ఇటువంటి ఫారమ్లు దాని రకంతో సంబంధం లేకుండా దాదాపు ప్రతి వెబ్సైట్లో ఉపయోగించబడతాయి. అవి ఫోరమ్, ఆన్లైన్ స్టోర్, సోషల్ నెట్వర్క్లు (Facebook, Twitter, Odnoklassniki వంటివి) మరియు అనేక ఇతర రకాల సైట్ల కోసం సృష్టించబడ్డాయి.
మీ స్థానిక కంప్యూటర్లో మీకు వెబ్సైట్ ఉంటే, మీరు ఇప్పటికే కలిగి ఉన్నారని నేను ఆశిస్తున్నాను. అది లేకుండా, ఏమీ పనిచేయదు.
డేటాబేస్లో పట్టికను సృష్టిస్తోందివినియోగదారు నమోదును అమలు చేయడానికి, ముందుగా మనకు డేటాబేస్ అవసరం. మీరు ఇప్పటికే కలిగి ఉంటే, అప్పుడు గొప్ప, లేకపోతే, మీరు దీన్ని సృష్టించాలి. వ్యాసంలో, దీన్ని ఎలా చేయాలో నేను వివరంగా వివరించాను.
కాబట్టి, మనకు డేటాబేస్ ఉంది (DBగా సంక్షిప్తీకరించబడింది), ఇప్పుడు మనం పట్టికను సృష్టించాలి వినియోగదారులుదీనిలో మేము మా నమోదిత వినియోగదారులను జోడిస్తాము.
వ్యాసంలో డేటాబేస్లో పట్టికను ఎలా సృష్టించాలో కూడా వివరించాను.
పట్టికను సృష్టించే ముందు, అది ఏ ఫీల్డ్లను కలిగి ఉంటుందో మనం గుర్తించాలి. ఈ ఫీల్డ్లు రిజిస్ట్రేషన్ ఫారమ్లోని ఫీల్డ్లకు అనుగుణంగా ఉంటాయి. వినియోగదారులుకాబట్టి, మేము ఆలోచించాము, మా ఫారమ్ ఏ ఫీల్డ్లను కలిగి ఉంటుందో ఊహించాము మరియు పట్టికను రూపొందించాము
- ఈ ఫీల్డ్లతో: id ఈ ఫీల్డ్లతో:- ఐడెంటిఫైయర్. ఫీల్డ్
- డేటాబేస్లోని ప్రతి పట్టికలో అది ఉండాలి.మొదటి_పేరు
- - పేరును సేవ్ చేయడానికి.ఇంటి_పేరు
- - ఇంటిపేరును కాపాడుకోవడానికి.ఇమెయిల్
- - పోస్టల్ చిరునామాను సేవ్ చేయడానికి. మేము ఇ-మెయిల్ను లాగిన్గా ఉపయోగిస్తాము, కాబట్టి ఈ ఫీల్డ్ ప్రత్యేకంగా ఉండాలి, అంటే UNIQUE సూచికను కలిగి ఉండాలి.ఇమెయిల్_స్థితి
- - మెయిల్ ధృవీకరించబడిందో లేదో సూచించడానికి ఫీల్డ్. మెయిల్ ధృవీకరించబడితే, అది 1 విలువను కలిగి ఉంటుంది, లేకపోతే విలువ 0. డిఫాల్ట్గా, ఈ ఫీల్డ్ 0 విలువను కలిగి ఉంటుంది.పాస్వర్డ్
- పాస్వర్డ్ను సేవ్ చేయడానికి.
"VARCHAR" రకం యొక్క అన్ని ఫీల్డ్లు తప్పనిసరిగా NULL యొక్క డిఫాల్ట్ విలువను కలిగి ఉండాలి.
మీ రిజిస్ట్రేషన్ ఫారమ్లో కొన్ని ఇతర ఫీల్డ్లు ఉండాలని మీరు కోరుకుంటే, మీరు వాటిని ఇక్కడ కూడా జోడించవచ్చు. వినియోగదారులుఅంతే, మా టేబుల్
సిద్ధంగా. తదుపరి దశకు వెళ్దాం.డేటాబేస్ కనెక్షన్
మేము డేటాబేస్ను సృష్టించాము, ఇప్పుడు మనం దానికి కనెక్ట్ చేయాలి. మేము PHP పొడిగింపు MySQLiని ఉపయోగించి కనెక్ట్ చేస్తాము. మా సైట్ యొక్క ఫోల్డర్లో, పేరుతో ఫైల్ను సృష్టించండి dbconnect.php
, మరియు దానిలో క్రింది స్క్రిప్ట్ వ్రాయండి: మా సైట్ యొక్క ఫోల్డర్లో, పేరుతో ఫైల్ను సృష్టించండిఈ ఫైల్
ఫారమ్ హ్యాండ్లర్లకు కనెక్ట్ చేయబడాలి. వేరియబుల్ గమనించండి$చిరునామా_సైట్
, ఇక్కడ నేను పని చేయబోయే నా టెస్ట్ సైట్ పేరును సూచించాను. దయచేసి తదనుగుణంగా మీ సైట్ పేరును సూచించండి.సైట్ నిర్మాణం
ఇప్పుడు మన సైట్ యొక్క HTML నిర్మాణాన్ని చూద్దాం. మేము సైట్ యొక్క హెడర్ మరియు ఫుటర్ను ప్రత్యేక ఫైల్లలోకి తరలిస్తాము, header.php ఫుటరు.php. మేము వాటిని అన్ని పేజీలలో చేర్చుతాము. అవి ప్రధాన పేజీలో (ఫైల్ index.php), రిజిస్ట్రేషన్ ఫారమ్తో పేజీకి (ఫైల్ form_register.php) మరియు అధికార ఫారమ్తో పేజీకి (ఫైల్ form_auth.php).
మా లింక్లతో బ్లాక్ చేయండి, నమోదు header.php అధికారం, వాటిని సైట్ హెడర్కు జోడించండి, తద్వారా అవి అన్ని పేజీలలో ప్రదర్శించబడతాయి. ఒక లింక్ రిజిస్ట్రేషన్ ఫారమ్తో పేజీకి ప్రవేశిస్తుంది (ఫైల్ form_register.php) మరియు మరొకటి అధికార ఫారమ్తో పేజీకి (ఫైల్ form_auth.php).
header.php ఫైల్ యొక్క విషయాలు:
మా సైట్ పేరు
ఫలితంగా, మా ప్రధాన పేజీ ఇలా కనిపిస్తుంది:
వాస్తవానికి, మీ సైట్ పూర్తిగా భిన్నమైన నిర్మాణాన్ని కలిగి ఉండవచ్చు, కానీ ఇది ఇప్పుడు మాకు ముఖ్యమైనది కాదు. ప్రధాన విషయం ఏమిటంటే రిజిస్ట్రేషన్ మరియు అధికారం కోసం లింకులు (బటన్లు) ఉన్నాయి.
ఇప్పుడు రిజిస్ట్రేషన్ ఫారమ్కు వెళ్దాం. మీరు ఇప్పటికే అర్థం చేసుకున్నట్లుగా, మేము దానిని ఫైల్లో కలిగి ఉన్నాము form_register.php.
డేటాబేస్కి వెళ్లండి (phpMyAdminలో), టేబుల్ నిర్మాణాన్ని తెరవండి వినియోగదారులుమరియు మనకు ఏ రంగాలు అవసరమో చూడండి. దీని అర్థం మనకు మొదటి మరియు చివరి పేరును నమోదు చేయడానికి ఫీల్డ్లు, పోస్టల్ చిరునామా (ఇమెయిల్) నమోదు చేయడానికి ఫీల్డ్ మరియు పాస్వర్డ్ను నమోదు చేయడానికి ఫీల్డ్ అవసరం. మరియు భద్రతా ప్రయోజనాల కోసం, మేము క్యాప్చాను నమోదు చేయడానికి ఫీల్డ్ను జోడిస్తాము.
సర్వర్లో, రిజిస్ట్రేషన్ ఫారమ్ను ప్రాసెస్ చేయడం వల్ల, వివిధ లోపాలు సంభవించవచ్చు, దీని కారణంగా వినియోగదారు నమోదు చేయలేరు. అందువల్ల, నమోదు ఎందుకు విఫలమవుతుందో వినియోగదారు అర్థం చేసుకోవడానికి, ఈ లోపాల గురించి సందేశాలను ప్రదర్శించడం అవసరం.
ఫారమ్ను ప్రదర్శించే ముందు, సెషన్ నుండి ఎర్రర్ మెసేజ్లను ప్రదర్శించడానికి బ్లాక్ని జోడించండి.
మరియు మరొక విషయం, వినియోగదారు ఇప్పటికే అధికారం కలిగి ఉంటే మరియు ఉత్సుకతతో అతను బ్రౌజర్ యొక్క చిరునామా పట్టీలో వ్రాయడం ద్వారా నేరుగా రిజిస్ట్రేషన్ పేజీకి వెళ్తాడు. site_address/form_register.php, అప్పుడు ఈ సందర్భంలో, రిజిస్ట్రేషన్ ఫారమ్కు బదులుగా, అతను ఇప్పటికే నమోదు చేసుకున్నట్లు పేర్కొంటూ మేము హెడర్ను ప్రదర్శిస్తాము.
సాధారణంగా, ఫైల్ కోడ్ form_register.phpమాకు ఇది వచ్చింది:
మీరు ఇప్పటికే నమోదు చేసుకున్నారు
బ్రౌజర్లో, రిజిస్ట్రేషన్ ఫారమ్తో పేజీ ఇలా కనిపిస్తుంది:
అవసరమైన లక్షణాన్ని ఉపయోగించి, మేము అన్ని ఫీల్డ్లను తప్పనిసరి చేసాము.
క్యాప్చా ప్రదర్శించబడే రిజిస్ట్రేషన్ ఫారమ్ యొక్క కోడ్పై శ్రద్ధ వహించండి:
మేము చిత్రం కోసం src లక్షణం విలువలో ఫైల్కి మార్గాన్ని పేర్కొన్నాము captcha.php, ఇది ఈ క్యాప్చాను ఉత్పత్తి చేస్తుంది.
ఫైల్ కోడ్ చూద్దాం captcha.php:
కోడ్ బాగా వ్యాఖ్యానించబడింది, కాబట్టి నేను కేవలం ఒక పాయింట్పై దృష్టి పెడతాను.
ఒక ఫంక్షన్ లోపల imageTtfText(), ఫాంట్కు మార్గం పేర్కొనబడింది verdana.ttf. కాప్చా సరిగ్గా పనిచేయాలంటే, మనం తప్పనిసరిగా ఫోల్డర్ను సృష్టించాలి ఫాంట్లు, మరియు అక్కడ ఫాంట్ ఫైల్ను ఉంచండి verdana.ttf. మీరు దీన్ని ఇంటర్నెట్ నుండి కనుగొని డౌన్లోడ్ చేసుకోవచ్చు లేదా ఆర్కైవ్ నుండి ఈ కథనం యొక్క పదార్థాలతో తీసుకోవచ్చు.
మేము HTML నిర్మాణాన్ని పూర్తి చేసాము, ఇది కొనసాగడానికి సమయం.
j క్వెరీని ఉపయోగించి ఇమెయిల్ చెల్లుబాటును తనిఖీ చేస్తోందిఏదైనా ఫారమ్ క్లయింట్ వైపు (జావాస్క్రిప్ట్, j క్వెరీని ఉపయోగించి) మరియు సర్వర్ వైపున నమోదు చేసిన డేటా యొక్క చెల్లుబాటును తనిఖీ చేయాలి.
మేము ఇమెయిల్ ఫీల్డ్పై ప్రత్యేక శ్రద్ధ వహించాలి. నమోదు చేసిన పోస్టల్ చిరునామా చెల్లుబాటు అయ్యేది చాలా ముఖ్యం.
ఈ ఇన్పుట్ ఫీల్డ్ కోసం, మేము ఇమెయిల్ రకాన్ని (type="email") సెట్ చేసాము, ఇది తప్పు ఫార్మాట్లకు వ్యతిరేకంగా మమ్మల్ని కొద్దిగా హెచ్చరిస్తుంది. కానీ ఇది సరిపోదు, ఎందుకంటే బ్రౌజర్ మనకు అందించే కోడ్ ఇన్స్పెక్టర్ ద్వారా, మేము లక్షణ విలువను సులభంగా మార్చవచ్చు. రకంతో - ఇంటిపేరును కాపాడుకోవడానికి.న వచనం, అంతే, మా చెక్కు ఇకపై చెల్లదు.
మరియు ఈ సందర్భంలో, మేము మరింత విశ్వసనీయ తనిఖీ చేయాలి. దీన్ని చేయడానికి, మేము జావాస్క్రిప్ట్ నుండి j క్వెరీ లైబ్రరీని ఉపయోగిస్తాము.
j క్వెరీ లైబ్రరీని కనెక్ట్ చేయడానికి, ఫైల్లో మేము సైట్ యొక్క హెడర్ మరియు ఫుటర్ను ప్రత్యేక ఫైల్లలోకి తరలిస్తాము,ట్యాగ్ల మధ్య , ముగింపు ట్యాగ్ ముందు , ఈ పంక్తిని జోడించండి:
ఈ లైన్ తర్వాత వెంటనే, మేము ఇమెయిల్ ధ్రువీకరణ కోడ్ను జోడిస్తాము. నమోదు చేసిన పాస్వర్డ్ పొడవును తనిఖీ చేయడానికి ఇక్కడ మేము కోడ్ను జోడిస్తాము. దీని పొడవు తప్పనిసరిగా కనీసం 6 అక్షరాలు ఉండాలి.
ఈ స్క్రిప్ట్ని ఉపయోగించి, చెల్లుబాటు కోసం మేము నమోదు చేసిన ఇమెయిల్ చిరునామాను తనిఖీ చేస్తాము. వినియోగదారు తప్పు ఇమెయిల్ను నమోదు చేస్తే, మేము దీని గురించి దోష సందేశాన్ని ప్రదర్శిస్తాము మరియు ఫారమ్ సమర్పించు బటన్ను నిలిపివేస్తాము. ప్రతిదీ సరిగ్గా ఉంటే, మేము లోపాన్ని తీసివేసి, ఫారమ్ సమర్పించు బటన్ను సక్రియం చేస్తాము.
కాబట్టి, మేము క్లయింట్ వైపు ఫారమ్ ధ్రువీకరణతో పూర్తి చేసాము. ఇప్పుడు మేము దానిని సర్వర్కు పంపవచ్చు, అక్కడ మేము కొన్ని తనిఖీలను కూడా చేస్తాము మరియు డేటాబేస్కు డేటాను జోడిస్తాము.
వినియోగదారు నమోదుమేము ప్రాసెసింగ్ కోసం ఫైల్కు ఫారమ్ను పంపుతాము register.php, POST పద్ధతి ద్వారా. ఈ హ్యాండ్లర్ ఫైల్ పేరు అట్రిబ్యూట్ విలువలో పేర్కొనబడింది చర్య. మరియు పంపే పద్ధతి లక్షణం విలువలో పేర్కొనబడింది పద్ధతి.
ఈ ఫైల్ని తెరవండి register.phpమరియు మనం చేయవలసిన మొదటి విషయం ఏమిటంటే, సెషన్ లాంచ్ ఫంక్షన్ను వ్రాసి, మనం ఇంతకు ముందు సృష్టించిన ఫైల్ను కనెక్ట్ చేయడం మా సైట్ యొక్క ఫోల్డర్లో, పేరుతో ఫైల్ను సృష్టించండి(ఈ ఫైల్లో మేము డేటాబేస్కు కనెక్షన్ చేసాము). మరియు, వెంటనే కణాలను ప్రకటిస్తాము లోపం_సందేశాలు header.php విజయం_సందేశాలుప్రపంచ సెషన్ శ్రేణిలో. IN దోష_సందేశాలుమేము ఫారమ్ ప్రాసెసింగ్ సమయంలో సంభవించే అన్ని దోష సందేశాలను రికార్డ్ చేస్తాము మరియు ఇన్ సక్సస్_సందేశాలు, మేము సంతోషకరమైన సందేశాలను రికార్డ్ చేస్తాము.
మేము కొనసాగించడానికి ముందు, ఫారమ్ ఏదైనా సమర్పించబడిందో లేదో తనిఖీ చేయాలి. దాడి చేసే వ్యక్తి లక్షణం విలువను చూడవచ్చు చర్యఫారమ్ నుండి, మరియు ఏ ఫైల్ ఈ ఫారమ్ను ప్రాసెస్ చేస్తుందో కనుగొనండి. మరియు బ్రౌజర్ అడ్రస్ బార్లో కింది చిరునామాను టైప్ చేయడం ద్వారా నేరుగా ఈ ఫైల్కి వెళ్లాలనే ఆలోచన అతనికి ఉండవచ్చు: http://site_address/register.php
కాబట్టి ఫారమ్లోని మా "రిజిస్టర్" బటన్ పేరుకు సరిపోలే పేరు ఉన్న గ్లోబల్ POST శ్రేణిలోని సెల్ కోసం మనం తనిఖీ చేయాలి. ఈ విధంగా మేము "రిజిస్టర్" బటన్ క్లిక్ చేయబడిందో లేదో తనిఖీ చేస్తాము.
దాడి చేసే వ్యక్తి నేరుగా ఈ ఫైల్కి వెళ్లడానికి ప్రయత్నిస్తే, వారికి ఎర్రర్ మెసేజ్ వస్తుంది. $address_site వేరియబుల్ సైట్ పేరును కలిగి ఉందని మరియు అది ఫైల్లో ప్రకటించబడిందని నేను మీకు గుర్తు చేస్తాను మా సైట్ యొక్క ఫోల్డర్లో, పేరుతో ఫైల్ను సృష్టించండి.
సెషన్లోని క్యాప్చా విలువ ఫైల్లో రూపొందించబడినప్పుడు జోడించబడింది captcha.php. రిమైండర్గా, నేను ఫైల్లోని ఈ కోడ్ భాగాన్ని మళ్లీ మీకు చూపుతాను captcha.php, ఇక్కడ క్యాప్చా విలువ సెషన్కు జోడించబడుతుంది:
ఇప్పుడు ధృవీకరణకు వెళ్దాం. ఫైల్లో register.php, if బ్లాక్ లోపల, మేము "రిజిస్టర్" బటన్ క్లిక్ చేయబడిందా లేదా కామెంట్ " ఎక్కడ సూచించబడిందో తనిఖీ చేస్తుంది" // (1) కోడ్ యొక్క తదుపరి భాగం కోసం ఖాళీ"మేము వ్రాస్తాము:
//అందుకున్న క్యాప్చాను తనిఖీ చేయండి // $ captcha = ట్రిమ్($_POST["captcha"]) లైన్ ప్రారంభం మరియు ముగింపు నుండి ఖాళీలను కత్తిరించండి;
if(isset($_POST["captcha"]) && !ఖాళీ($captcha))( //సెషన్ నుండి స్వీకరించిన విలువతో పొందబడిన విలువను సరిపోల్చండి. if(($_SESSION["rand"] != $captcha) && ($_SESSION ["rand"] != ""))( // కాప్చా సరైనది కాకపోతే, మేము వినియోగదారుని రిజిస్ట్రేషన్ పేజీకి తిరిగి పంపుతాము మరియు అక్కడ అతను తప్పు క్యాప్చాను నమోదు చేసినట్లు అతనికి ఒక దోష సందేశాన్ని ప్రదర్శిస్తాము. $error_message = "
లోపం! మీరు తప్పు క్యాప్చాను నమోదు చేసారు"; // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] = $error_message; // వినియోగదారుని రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: " .$address_site ."/form_register.php" //స్క్రిప్ట్ నిష్క్రమణ(); "
"); }లోపం! ధృవీకరణ కోడ్ లేదు, అంటే క్యాప్చా కోడ్. మీరు ప్రధాన పేజీకి వెళ్లవచ్చు.
తరువాత, మేము POST శ్రేణి నుండి స్వీకరించిన డేటాను ప్రాసెస్ చేయాలి. అన్నింటిలో మొదటిది, మేము గ్లోబల్ POST శ్రేణిలోని కంటెంట్లను తనిఖీ చేయాలి, అంటే, మన ఫారమ్లోని ఇన్పుట్ ఫీల్డ్ల పేర్లకు అనుగుణంగా పేర్లు ఉన్న సెల్లు అక్కడ ఉన్నాయా లేదా అని తనిఖీ చేయాలి.
సెల్ ఉనికిలో ఉన్నట్లయితే, మేము ఈ సెల్ నుండి లైన్ ప్రారంభం మరియు ముగింపు నుండి ఖాళీలను ట్రిమ్ చేస్తాము, లేకుంటే, రిజిస్ట్రేషన్ ఫారమ్తో వినియోగదారుని తిరిగి పేజీకి మళ్లిస్తాము.
తరువాత, మేము ఖాళీలను కత్తిరించిన తర్వాత, మేము వేరియబుల్కు పంక్తిని జోడిస్తాము మరియు ఈ వేరియబుల్ ఖాళీగా లేకుంటే, మేము ముందుకు వెళ్తాము, లేకుంటే మేము నమోదు ఫారమ్తో వినియోగదారుని తిరిగి పేజీకి మళ్లిస్తాము. ఈ కోడ్ని పేర్కొన్న ప్రదేశంలో అతికించండి"".
/* ఫారమ్ నుండి గ్లోబల్ అర్రే $_POSTలో పంపబడిన డేటా ఉందో లేదో తనిఖీ చేయండి మరియు సమర్పించిన డేటాను సాధారణ వేరియబుల్స్లో వ్రాప్ చేయండి.*/ if(isset($_POST["first_name"]))( //మొదటి నుండి ఖాళీలను ట్రిమ్ చేయండి మరియు స్ట్రింగ్ ముగింపు $first_name = ట్రిమ్($_POST["first_name"]); htmlspecialchars($first_name, ENT_QUOTES) )else( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "
మీ పేరును నమోదు చేయండి
పేరు ఫీల్డ్ లేదు
"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) if( isset($_POST["చివరి_పేరు"]))( //పంక్తి ప్రారంభం మరియు ముగింపు నుండి ఖాళీలను కత్తిరించండి $last_name = trim($_POST["last_name"]); if(!empty($last_name)) ( // భద్రత కోసం , ప్రత్యేక అక్షరాలను HTML ఎంటిటీలుగా మార్చండి $last_name = htmlspecialchars($last_name, ENT_QUOTES); )else( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "దయచేసి మీ చివరి పేరును నమోదు చేయండి
"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) )else ( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "చివరి పేరు ఫీల్డ్ లేదు
"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) if( isset($_POST["email"]))( //పంక్తి ప్రారంభం మరియు ముగింపు నుండి ఖాళీలను కత్తిరించండి $email = trim($_POST["email"]); if(!empty($email)) ( $email = htmlspecialchars ($email, ENT_QUOTES); // (3) ఇమెయిల్ చిరునామా మరియు దాని ప్రత్యేకత యొక్క ఆకృతిని తనిఖీ చేయడానికి కోడ్ స్థానం )లేసే( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "మీ ఇమెయిల్ను నమోదు చేయండి
"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) )else ( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= " "; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) if( isset($_POST["పాస్వర్డ్"]))( //స్ట్రింగ్ యొక్క ప్రారంభం మరియు ముగింపు నుండి ఖాళీలను కత్తిరించండి $పాస్వర్డ్ = ట్రిమ్($_POST["పాస్వర్డ్"]); అయితే(!ఖాళీ($పాస్వర్డ్)) ( $password = htmlspecialchars ($password, ENT_QUOTES); //పాస్వర్డ్ని గుప్తీకరించండి $password = md5($password."top_secret");else( //దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] . = "మీ పాస్వర్డ్ని నమోదు చేయండి
"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) )else ( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= " "; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) // (4) డేటాబేస్కు వినియోగదారుని జోడించడం కోసం కోడ్ కోసం ప్లేస్ప్రత్యేక ప్రాముఖ్యత క్షేత్రం - ఇంటిపేరును కాపాడుకోవడానికి.. మేము అందుకున్న పోస్టల్ చిరునామా యొక్క ఆకృతిని మరియు డేటాబేస్లో దాని ప్రత్యేకతను తప్పక తనిఖీ చేయాలి. అంటే, అదే ఇమెయిల్ చిరునామాతో ఎవరైనా ఇప్పటికే నమోదు చేసుకున్నారా?
పేర్కొన్న ప్రదేశంలో" // (3) పోస్టల్ చిరునామా మరియు దాని ప్రత్యేకత యొక్క ఆకృతిని తనిఖీ చేయడానికి కోడ్ స్థానం" కింది కోడ్ను జోడించండి:
//సాధారణ వ్యక్తీకరణ $reg_email = "/^**@(+(*+)*\.)++/i"ని ఉపయోగించి స్వీకరించిన ఇమెయిల్ చిరునామా ఆకృతిని తనిఖీ చేయండి;
//అందుకున్న ఇమెయిల్ చిరునామా యొక్క ఫార్మాట్ సాధారణ వ్యక్తీకరణతో సరిపోలకపోతే(!preg_match($reg_email, $email))( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "
మీరు తప్పు ఇమెయిల్ను నమోదు చేసారు"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); //స్క్రిప్ట్ నిష్క్రమణను ఆపు(); ) // అటువంటి చిరునామా $result_query = $mysqli->query("email`ని ఎక్కడ నుండి `email`" ఖచ్చితంగా ఒక అడ్డు వరుస, అంటే ఈ ఇమెయిల్ చిరునామాతో వినియోగదారు ఇప్పటికే నమోదు చేసుకున్నట్లయితే($result_query->num_rows == 1)( //ఒకవేళ పొందిన ఫలితం తప్పు కాకపోతే(($row = $result_query->fetch_assoc() ) != తప్పు) ( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "
ఈ ఇమెయిల్ చిరునామాతో వినియోగదారు ఇప్పటికే నమోదు చేయబడ్డారు"; //యూజర్ను రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి వెళ్లండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); )లేసే( // దోష సందేశాన్ని సేవ్ చేయండి సెషన్కు $_SESSION["error_messages"] .= "
"; //యూజర్ని రిజిస్ట్రేషన్ పేజీ హెడర్కి తిరిగి పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_register.php"); ) /* ఎంపికను మూసివేస్తోంది */ $ result_query-> క్లోజ్ (); // స్క్రిప్ట్ నిష్క్రమణ ( ) /* ఎంపిక మూసివేయడంకాబట్టి, మేము అన్ని తనిఖీలను పూర్తి చేసాము, డేటాబేస్కు వినియోగదారుని జోడించే సమయం ఇది. పేర్కొన్న ప్రదేశంలో" // (4) డేటాబేస్కు వినియోగదారుని జోడించడం కోసం కోడ్ కోసం ప్లేస్" కింది కోడ్ను జోడించండి:
//డేటాబేస్కి వినియోగదారుని జోడించడానికి ప్రశ్న $result_query_insert = $mysqli->ప్రశ్న("వినియోగదారులు' (మొదటి_పేరు, చివరి_పేరు, ఇమెయిల్, పాస్వర్డ్) VALUES ("".$first_name."", "".$last_name ." ", "".$ఇమెయిల్.", "".$పాస్వర్డ్."")");
if(!$result_query_insert)( // దోష సందేశాన్ని సెషన్లో సేవ్ చేయండి. $_SESSION["error_messages"] .= "
డేటాబేస్కు వినియోగదారుని జోడించడానికి అభ్యర్థనలో లోపం ఇప్పుడు మీరు మీ వినియోగదారు పేరు మరియు పాస్వర్డ్ ఉపయోగించి లాగిన్ చేయవచ్చు."; //అధీకృత పేజీ హెడర్కి వినియోగదారుని పంపండి("HTTP/1.1 301 శాశ్వతంగా తరలించబడింది"); హెడర్("స్థానం: ".$address_site."/form_auth.php"); ) /* అభ్యర్థనను పూర్తి చేస్తోంది */ $ result_query_insert-> close();
డేటాబేస్కు వినియోగదారుని జోడించాలనే అభ్యర్థనలో లోపం సంభవించినట్లయితే, మేము సెషన్కు ఈ లోపం గురించి సందేశాన్ని జోడించి, వినియోగదారుని రిజిస్ట్రేషన్ పేజీకి తిరిగి పంపుతాము.
లేకపోతే, ప్రతిదీ సరిగ్గా జరిగితే, మేము సెషన్కు సందేశాన్ని కూడా జోడిస్తాము, కానీ ఈసారి ఇది మరింత ఆహ్లాదకరంగా ఉంటుంది, అంటే రిజిస్ట్రేషన్ విజయవంతమైందని మేము వినియోగదారుకు తెలియజేస్తాము. మరియు మేము దానిని అధికార ఫారమ్తో పేజీకి దారి మళ్లిస్తాము. మేము సైట్ యొక్క హెడర్ మరియు ఫుటర్ను ప్రత్యేక ఫైల్లలోకి తరలిస్తాము,ఇమెయిల్ చిరునామా ఫార్మాట్ మరియు పాస్వర్డ్ పొడవును తనిఖీ చేసే స్క్రిప్ట్ ఫైల్లో ఉంది
, కాబట్టి ఇది ఈ ఫారమ్లోని ఫీల్డ్లకు కూడా వర్తిస్తుంది. మేము సైట్ యొక్క హెడర్ మరియు ఫుటర్ను ప్రత్యేక ఫైల్లలోకి తరలిస్తాము,ఫైల్లో సెషన్ కూడా ప్రారంభించబడింది form_auth.php, కాబట్టి ఫైల్లో
సెషన్ను ప్రారంభించాల్సిన అవసరం లేదు, ఎందుకంటే మనకు ఎర్రర్ వస్తుంది. నేను ఇప్పటికే చెప్పినట్లుగా, ఇమెయిల్ చిరునామా ఫార్మాట్ మరియు పాస్వర్డ్ పొడవును తనిఖీ చేసే స్క్రిప్ట్ కూడా ఇక్కడ పని చేస్తుంది. అందువల్ల, వినియోగదారు తప్పు ఇమెయిల్ చిరునామా లేదా చిన్న పాస్వర్డ్ను నమోదు చేస్తే, అతను వెంటనే దోష సందేశాన్ని అందుకుంటాడు. ఒక బటన్లాగిన్
క్రియారహితం అవుతుంది. నేను ఇప్పటికే చెప్పినట్లుగా, ఇమెయిల్ చిరునామా ఫార్మాట్ మరియు పాస్వర్డ్ పొడవును తనిఖీ చేసే స్క్రిప్ట్ కూడా ఇక్కడ పని చేస్తుంది. అందువల్ల, వినియోగదారు తప్పు ఇమెయిల్ చిరునామా లేదా చిన్న పాస్వర్డ్ను నమోదు చేస్తే, అతను వెంటనే దోష సందేశాన్ని అందుకుంటాడు. ఒక బటన్లోపాలను పరిష్కరించిన తర్వాత, బటన్
సక్రియం అవుతుంది మరియు వినియోగదారు ఫారమ్ను సర్వర్కు సమర్పించగలరు, అక్కడ అది ప్రాసెస్ చేయబడుతుంది.వినియోగదారు అధికారం చర్యవిలువను ఆపాదించడానికి అధికార వైకల్యం పేర్కొన్న ఫైల్ను కలిగి ఉంది, ఫారమ్ ఈ ఫైల్లో ప్రాసెస్ చేయబడుతుందని దీని అర్థం.
కాబట్టి, ఫైల్ను తెరవండి అధికార వైకల్యం పేర్కొన్న ఫైల్ను కలిగి ఉందిమరియు అధికార ఫారమ్ను ప్రాసెస్ చేయడానికి కోడ్ను వ్రాయండి. మీరు చేయవలసిన మొదటి విషయం సెషన్ను ప్రారంభించి ఫైల్ను కనెక్ట్ చేయడం మా సైట్ యొక్క ఫోల్డర్లో, పేరుతో ఫైల్ను సృష్టించండిడేటాబేస్కు కనెక్ట్ చేయడానికి.
మీరు సైట్ నుండి నిష్క్రమణ లింక్పై క్లిక్ చేసినప్పుడు, మేము ఒక ఫైల్కి తీసుకెళ్లబడతాము logout.php, ఇక్కడ మేము సెషన్ నుండి ఇమెయిల్ చిరునామా మరియు పాస్వర్డ్తో సెల్లను నాశనం చేస్తాము. దీని తర్వాత, మేము వినియోగదారుని లింక్ క్లిక్ చేసిన పేజీకి తిరిగి వస్తాము నిష్క్రమించు.
ఫైల్ కోడ్ logout.php:
అంతే. మీ వెబ్సైట్లో వినియోగదారు నమోదు మరియు అధికార ఫారమ్లను ఎలా అమలు చేయాలో మరియు ప్రాసెస్ చేయాలో ఇప్పుడు మీకు తెలుసు. ఈ ఫారమ్లు దాదాపు ప్రతి వెబ్సైట్లో కనిపిస్తాయి, కాబట్టి ప్రతి ప్రోగ్రామర్ వాటిని ఎలా సృష్టించాలో తెలుసుకోవాలి.
క్లయింట్ వైపు (బ్రౌజర్లో, జావాస్క్రిప్ట్, j క్వెరీని ఉపయోగించి) మరియు సర్వర్ వైపు (PHP ఉపయోగించి) ఇన్పుట్ డేటాను ఎలా ధృవీకరించాలో కూడా మేము నేర్చుకున్నాము. మేము సైట్ నుండి నిష్క్రమించే విధానాన్ని ఎలా అమలు చేయాలో కూడా నేర్చుకున్నాము.
అన్ని స్క్రిప్ట్లు పరీక్షించబడ్డాయి మరియు పని చేస్తున్నాయి. మీరు ఈ లింక్ నుండి ఈ చిన్న సైట్ యొక్క ఫైల్లతో ఆర్కైవ్ను డౌన్లోడ్ చేసుకోవచ్చు.
భవిష్యత్తులో నేను వివరించే ఒక కథనాన్ని వ్రాస్తాను. మరియు నేను వివరించే కథనాన్ని కూడా వ్రాయాలని ప్లాన్ చేస్తున్నాను (పేజీని రీలోడ్ చేయకుండా). కాబట్టి, కొత్త కథనాల విడుదల గురించి తెలియజేయడానికి, మీరు నా వెబ్సైట్కు సభ్యత్వాన్ని పొందవచ్చు.
మీకు ఏవైనా ప్రశ్నలు ఉంటే, దయచేసి నన్ను సంప్రదించండి మరియు మీరు వ్యాసంలో ఏదైనా లోపాన్ని గమనించినట్లయితే, దయచేసి నాకు తెలియజేయండి.
లెసన్ ప్లాన్ (పార్ట్ 5):
WordPress ఒక రిజిస్ట్రేషన్ ఫారమ్ను కలిగి ఉంది, అది కొత్త వినియోగదారులను సైట్లో నమోదు చేసుకోవడానికి అనుమతిస్తుంది. కానీ మీరు WordPress కన్సోల్ ఎంపికలకు అనుగుణంగా లేని అనుకూల రిజిస్ట్రేషన్ ఫారమ్ను సృష్టించాలనుకుంటే మరియు దానికి కొత్త ఫీల్డ్లను జోడించాలనుకుంటే?
| రెడీమేడ్ ఫారమ్ ప్లగిన్ డౌన్లోడ్ |
నేటి ట్యుటోరియల్లో, టెంప్లేట్ ట్యాగ్లు మరియు షార్ట్కోడ్ల కలయికను ఉపయోగించి WordPressలో రిజిస్ట్రేషన్ ఫారమ్ను ఎలా సృష్టించాలో మీరు నేర్చుకుంటారు.
ప్రామాణిక రిజిస్ట్రేషన్ ఫారమ్ కేవలం రెండు ఫీల్డ్లను కలిగి ఉంటుంది - వినియోగదారు పేరు మరియు ఇ-మెయిల్.
రిజిస్ట్రేషన్ ఫారమ్లో పూరించడానికి రెండు ఫీల్డ్లను మాత్రమే కలిగి ఉండటం రిజిస్ట్రేషన్ ప్రక్రియను చాలా సులభతరం చేస్తుంది. మొదట, మీరు మీ వినియోగదారు పేరు మరియు ఇమెయిల్ చిరునామాను నమోదు చేయండి, ఆ తర్వాత సైట్లోకి ప్రవేశించడానికి పాస్వర్డ్ స్వయంచాలకంగా ఇమెయిల్ ద్వారా మీకు పంపబడుతుంది. ఆపై మీరు మీకు పంపిన పాస్వర్డ్ని ఉపయోగించి సైట్కి లాగిన్ చేసి, మీ ప్రొఫైల్ను పూరించండి మరియు పాస్వర్డ్ను కొత్తదానికి మార్చండి మరియు మీరు మీతో ముందుకు వచ్చి సులభంగా గుర్తుంచుకోగలరు.
లేదా మీరు మీ సైట్లో పైన పేర్కొన్న రిజిస్ట్రేషన్ ప్రక్రియను కొద్దిగా మార్చవచ్చు మరియు ఇప్పటికే అందుబాటులో ఉన్న రెండింటితో పాటు అదనపు ఫీల్డ్లను ఉపయోగించవచ్చు. ఇది పాస్వర్డ్ ఫీల్డ్, వినియోగదారు సైట్ యొక్క URL, ఏదైనా వ్యక్తిగత సమాచారం, మారుపేరు, చివరి పేరు మరియు మొదటి పేరు కావచ్చు.
మరియు ఈ రోజు మనం కింది ఫీల్డ్లను ఉపయోగించి కస్టమ్ రిజిస్ట్రేషన్ ఫారమ్ కోసం WordPress ప్లగిన్ను సృష్టిస్తాము:
- వినియోగదారు పేరు
- పాస్వర్డ్
- ఇ-మెయిల్
- సైట్ URL
- ఇంటిపేరు
- మారుపేరు
- వ్యక్తిగత సమాచారం
అనుకూల రిజిస్ట్రేషన్ ఫారమ్ను ప్లగిన్ షార్ట్కోడ్ మరియు తగిన టెంప్లేట్ ట్యాగ్ ఉపయోగించి WordPressలో విలీనం చేయవచ్చు.
షార్ట్ కోడ్ ఒక పేజీని సృష్టించడానికి మరియు మీ సైట్ యొక్క ప్రధాన నమోదు పేజీగా చేయడానికి మిమ్మల్ని అనుమతిస్తుంది. మీరు పోస్ట్లో షార్ట్కోడ్ను కూడా ఉపయోగించవచ్చు, తద్వారా వినియోగదారు వారు ఇష్టపడిన కథనాల్లో ఒకదాన్ని చదివిన తర్వాత మీ సైట్లో నవీకరణలకు సభ్యత్వాన్ని పొందవచ్చు.
మీరు మీ సైడ్బార్కి లేదా మీ సైట్లోని ఏదైనా ఇతర పేజీకి రిజిస్ట్రేషన్ ఫారమ్ను జోడించాలనుకుంటే, మీరు ఉపయోగిస్తున్న థీమ్ను సవరించాలి మరియు రిజిస్ట్రేషన్ ఫారమ్ కనిపించాలని మీరు కోరుకునే చోట టెంప్లేట్ ట్యాగ్ను ఉంచాలి.
మేము ప్లగ్ఇన్ను సృష్టించడం ప్రారంభించే ముందు, మనకు వినియోగదారు పేరు, పాస్వర్డ్ మరియు ఇ-మెయిల్తో ఫీల్డ్లు అవసరమని గమనించాలి.
ధ్రువీకరణ ఫంక్షన్ను సృష్టించేటప్పుడు మేము ఈ నియమాన్ని అనుసరిస్తాము.
ఒక ప్లగ్ఇన్ సృష్టిస్తోందిచెప్పబడిన అన్నింటితో, ప్లగ్ఇన్ను కోడింగ్ చేయడం ప్రారంభిద్దాం. ముందుగా, ప్లగ్ఇన్ యొక్క శీర్షిక మరియు శీర్షికను చేర్చండి.
తీర్మానం
నేటి పోస్ట్లో, WordPress సైట్కు అనుకూల రిజిస్ట్రేషన్ ఫారమ్ను జోడించే ప్లగ్ఇన్ను సృష్టించే ప్రక్రియను మేము చూశాము. అందించిన సమాచారం ఆధారంగా, మీరు పూరించడానికి ఫీల్డ్ల సంఖ్యను విస్తరించవచ్చు, కానీ wp_insert_user కోసం ఫారమ్ ఫీల్డ్లు చెల్లుబాటు అయ్యే మెటాడేటా అని నిర్ధారించుకోవడం ద్వారా మాత్రమే.