రూపాలు న HTML బటన్లు మేకింగ్

ఫారమ్లను సమర్పించడానికి ఇన్పుట్ ట్యాగ్ను ఉపయోగించడం

HTML ఫారమ్లు మీ వెబ్ సైట్కు ప్రభావశీలతను జోడించే అత్యంత ప్రాథమిక మార్గాలలో ఒకటి. మీరు ప్రశ్నలను అడగవచ్చు మరియు మీ పాఠకుల నుండి జవాబులను అడగవచ్చు, డేటాబేస్ నుండి మరింత సమాచారం అందించవచ్చు, ఆటలు ఏర్పాటు చేయవచ్చు మరియు మరిన్ని చేయవచ్చు. మీరు మీ రూపాలను నిర్మించడానికి ఉపయోగించే అనేక ఎలిమెంట్ల HTML ఉన్నాయి. మరియు మీరు మీ ఫారమ్ను నిర్మించిన తర్వాత, సర్వర్కు డేటాను సమర్పించడానికి లేదా రూపం చర్యను అమలు చేయడానికి అనేక మార్గాలు ఉన్నాయి.

ఈ మీరు మీ రూపాలు సమర్పించవచ్చు అనేక మార్గాలు ఉన్నాయి:

INPUT ఎలిమెంట్

INPUT ఎలిమెంట్ ఒక రూపం సమర్పించడానికి అత్యంత సాధారణ మార్గం, మీరు అన్ని ఒక రకం (బటన్, ఇమేజ్, లేదా submit) ఎంచుకోండి మరియు అవసరమైతే రూపం చర్య సమర్పించడానికి కొన్ని స్క్రిప్టింగ్ జోడించండి.

మూలకం ఆ వంటి వ్రాయవచ్చు. కానీ మీరు చేస్తే, మీరు విభిన్న బ్రౌజర్లలో వేర్వేరు ఫలితాలను కలిగి ఉంటారు. చాలామంది బ్రౌజర్లు "సమర్పించు" అని చెప్పే ఒక బటన్ను తయారు చేస్తాయి, కానీ ఫైరుఫాక్సు బటన్ను "ప్రశ్నని సమర్పించండి" అని చేస్తుంది. బటన్ చెప్పేదాన్ని మార్చడానికి, మీరు ఒక లక్షణాన్ని జోడించాలి:

విలువ = "ఫారం సమర్పించు">

మూలకం ఆ వంటి రచన, కానీ మీరు అన్ని ఇతర లక్షణాలను ఆఫ్ వదిలేస్తే, బ్రౌజర్లు ప్రదర్శిస్తుంది అన్ని ఖాళీ బూడిద బటన్. బటన్కు టెక్స్ట్ని జోడించడానికి, విలువ లక్షణాన్ని ఉపయోగించండి. మీరు JavaScript ను ఉపయోగించకపోతే ఈ బటన్ ఫారమ్ను సమర్పించదు.

onclick = "submit ();">

రూపం సమర్పించడానికి స్క్రిప్ట్ అవసరం బటన్ రకం, పోలి ఉంటుంది. బదులుగా వచన విలువకు బదులుగా, మీరు ఒక చిత్రం సోర్స్ URL ను జోడించాలి.

src = "submit.gif">

BUTTON ఎలిమెంట్

BUTTON ఎలిమెంట్లో ఒక ప్రారంభ ట్యాగ్ మరియు ఒక క్లోజింగ్ ట్యాగ్ రెండింటిని మీరు ఉపయోగించినప్పుడు, ట్యాగ్లో మీరు జతపరచిన ఏ కంటెంట్ అయినా ఒక బటన్లో ఉంటుంది. అప్పుడు మీరు స్క్రిప్ట్తో బటన్ సక్రియం.

ఫారం సమర్పించండి

మీరు మీ చిత్రంలో చిత్రాలను చేర్చవచ్చు లేదా మరింత ఆసక్తికరమైన బటన్ను సృష్టించడానికి చిత్రాలను మరియు వచనాన్ని మిళితం చేయవచ్చు.

ఫారం సమర్పించండి

కమాండ్ ఎలిమెంట్

COMMAND మూలకం HTML5 తో కొత్తది. ఇది FORM ని ఉపయోగించాల్సిన అవసరం లేదు, కానీ అది ఒక రూపం కోసం submit బటన్గా పని చేయవచ్చు. ఈ ఎలిమెంట్ మీరు ఫారమ్లను అవసరం లేకుండానే ఎక్కువ ఇంటరాక్టివ్ పేజీలను రూపొందించడానికి అనుమతిస్తుంది. మీకు ఏదైనా చెప్పాలంటే, మీరు లేబుల్ లక్షణంలో సమాచారాన్ని రాయండి.

లేబుల్ = "ఫారం సమర్పించు">

ఒకవేళ మీ ఆదేశం ఒక బొమ్మ ద్వారా ప్రాతినిధ్యం వహించాలని కోరుకుంటే, మీరు చిహ్నం లక్షణాన్ని ఉపయోగిస్తారు.

icon = "submit.gif">

ఈ వ్యాసం HTML ఫారమ్ల ట్యుటోరియల్లో భాగం . HTML ఫారమ్లను ఎలా ఉపయోగించాలో తెలుసుకోవడానికి పూర్తి ట్యుటోరియల్ ద్వారా చదవండి.

మీరు మునుపటి పేజీలో నేర్చుకున్నందున, HTML ఫారమ్లను సమర్పించడానికి అనేక మార్గాలు ఉన్నాయి. ఆ రెండు పద్ధతులు INPUT ట్యాగ్ మరియు BUTTON ట్యాగ్. ఈ రెండు అంశాలని ఉపయోగించడానికి మంచి కారణాలు ఉన్నాయి.

INPUT ఎలిమెంట్

ట్యాగ్ ఒక రూపం సమర్పించడానికి సులభమయిన మార్గం. ఇది ట్యాగ్ దాటికి ఏమీ అవసరం లేదు, విలువ కూడా కాదు. ఒక కస్టమర్ బటన్పై క్లిక్ చేసినప్పుడు, ఇది స్వయంచాలకంగా సమర్పించబడుతుంది. మీరు ఏ స్క్రిప్టులను జోడించనవసరం లేదు, బ్రౌజర్లు సమర్పించినప్పుడు INPUT ట్యాగ్ క్లిక్ చేసినప్పుడు ఫారమ్ను సమర్పించాలని తెలుసు.

సమస్య ఈ బటన్ చాలా అగ్లీ మరియు సాదా అని ఉంది. మీరు దీనికి చిత్రాలను జోడించలేరు. మీరు శైలి ఏ ఇతర మూలకం వలె ఉంటుంది, కానీ ఇది ఇప్పటికీ ఒక అగ్లీ బటన్ వలె భావిస్తుంది.

జావాస్క్రిప్ట్ ఆపివేయబడిన బ్రౌజర్లలో కూడా మీ ఫారమ్ యాక్సెస్ చేయబడినప్పుడు INPUT విధానాన్ని ఉపయోగించండి.

BUTTON ఎలిమెంట్

BUTTON మూలకం రూపాలు సమర్పించడం కోసం మరిన్ని ఎంపికలను అందిస్తుంది. మీరు BUTTON ఎలిమెంట్ లోపల ఏదైనా ఉంచవచ్చు మరియు సమర్పించు బటన్గా మార్చవచ్చు. చాలామంది ప్రజలు చిత్రాలను మరియు వచనాన్ని ఉపయోగిస్తారు. కానీ మీరు ఒక DIV ను సృష్టించి, ఆ మొత్తం విషయంను సమర్పించమని అనుకుంటే మీరు సమర్పించగలరు.

BUTTON మూలకం అతిపెద్ద లోపం ఇది స్వయంచాలకంగా రూపం సమర్పించని ఉంది. ఇది సక్రియం చేయడానికి స్క్రిప్ట్ యొక్క కొన్ని రకాలైనది కావాలి. కాబట్టి ఇది INPUT పద్ధతి కంటే తక్కువగా అందుబాటులో ఉంటుంది. జావాస్క్రిప్ట్ ఆన్ చేయని ఏ యూజర్ అయినా సమర్పించిన ఒక BUTTON మూలకంతో ఒక ఫారమ్ను సమర్పించలేరు.

క్లిష్టంగా లేని రూపాలపై BUTTON పద్ధతిని ఉపయోగించండి. అలాగే, ఇది ఒక రూపంలో అదనపు సమర్పణ ఎంపికలను జోడించడానికి గొప్ప మార్గం.

ఈ వ్యాసం HTML ఫారమ్ల ట్యుటోరియల్లో భాగం. HTML ఫారమ్లను ఎలా ఉపయోగించాలో గురించి మరింత తెలుసుకోవడానికి దీన్ని చదవండి