ફોર્મ્સ સબમિટ કરવા માટે ઇનપુટ ટેગનો ઉપયોગ કરવો
HTML સ્વરૂપો તમારી વેબસાઇટ પર ક્રિયાપ્રતિક્રિયાઓ ઉમેરવાના સૌથી મૂળભૂત રીતો પૈકી એક છે. તમે પ્રશ્નો પૂછી શકો છો અને તમારા વાચકો તરફથી જવાબો માટે વિનંતી કરી શકો છો, ડેટાબેઝથી વધારાની માહિતી, રમતો સેટ કરી શકો છો અને વધુ ત્યાં ઘણા બધા HTML ઘટકો છે જેનો ઉપયોગ તમે તમારા ફોર્મ્સને બનાવવા માટે કરી શકો છો. અને એકવાર તમે તમારું ફોર્મ બનાવી લીધું છે, સર્વરમાં તે ડેટાને સુપરત કરવાના ઘણા અલગ અલગ રીત છે અથવા ફક્ત ફોર્મની કાર્યવાહી શરૂ કરો
આ ઘણા બધા રસ્તો છે જે તમે તમારા ફોર્મ્સ સબમિટ કરી શકો છો:
-
- સર્વર પર ડેટા મેળવવાની આ સૌથી સામાન્ય પદ્ધતિ છે, પરંતુ તે ખૂબ જ સરળ છે તે જોઈ શકાય છે.
-
- કોઈ છબીનો ઉપયોગ કરીને તમારી સાઇટની શૈલી સાથે તમારા સબમિટ બટનને યોગ્ય બનાવવું તે ખૂબ જ સરળ બનાવે છે. પરંતુ કેટલાક લોકો તેને સબમિટ બટન તરીકે ઓળખી શકતા નથી.
- <ઇનપુટ પ્રકાર = "બટન">
- બટન ઇનપુટ ટેગ એ ઇમેજ ઇનપુટ ટેગ જેવા ઘણા બધા વિકલ્પો આપે છે, પરંતુ સ્ટાન્ડર્ડ સબમિટ પ્રકાર જેવું દેખાય છે. તેને સક્રિય કરવા માટે જાવાસ્ક્રિપ્ટની જરૂર છે.
- <બટન>
- BUTTON ટૅગ INPUT ટૅગ કરતા વધુ સર્વતોમુખી પ્રકારનું બટન છે. આ ટેગને જૅવક્રીપ્ટને સક્રિય કરવા માટે આવશ્યક છે.
- <આદેશ પ્રકાર = "આદેશ">
- COMMAND એલિમેન્ટ HTML5 માં નવું છે, અને તે સંકળાયેલ ક્રિયાઓ સાથે સ્ક્રિપ્ટ્સ અને સ્વરૂપોને સક્રિય કરવા માટેનો એક માર્ગ પ્રદાન કરે છે. તે જાવાસ્ક્રિપ્ટ સાથે સક્રિય થયેલ છે.
INPUT એલિમેન્ટ
INPUT ઘટક ફોર્મ સબમિટ કરવાનો સૌથી સામાન્ય રીત છે, તમે જે કરો છો તે એક પ્રકાર (બટન, છબી અથવા સબમિટ) પસંદ કરો અને જો જરૂરી હોય તો ફોર્મની ક્રિયામાં સબમિટ કરવા માટે કેટલીક સ્ક્રિપ્ટિંગ ઉમેરો.
તત્વ તે જ રીતે લખી શકાય છે. પરંતુ જો તમે કરો છો, તો તમારી પાસે વિવિધ બ્રાઉઝર્સમાં અલગ પરિણામો હશે. મોટાભાગના બ્રાઉઝર્સ એક બટન બનાવે છે જે "સબમિટ કરો" કહે છે, પરંતુ ફાયરફોક્સ એક બટન બનાવે છે જે કહે છે "ક્વેરી સબમિટ કરો." બટન શું કહે છે તે બદલવા માટે, તમારે એટ્રિબ્યૂટ ઉમેરવું જોઈએ:
કિંમત = "ફોર્મ સબમિટ કરો">
આ તત્વ તે લખે છે, પરંતુ જો તમે અન્ય તમામ વિશેષતાઓને છોડો છો, તો બ્રાઉઝર્સમાં પ્રદર્શિત થનારા બધા ખાલી ગ્રે બટન છે. બટન પર ટેક્સ્ટ ઉમેરવા માટે, મૂલ્ય લક્ષણનો ઉપયોગ કરો. પરંતુ આ બટન ફોર્મ સબમિટ નહીં કરશે જ્યાં સુધી તમે જાવાસ્ક્રિપ્ટ ન વાપરો.
onclick = "સબમિટ કરો ();">
આ બટન પ્રકાર જેવું જ છે, જે ફોર્મ સબમિટ કરવા માટે સ્ક્રિપ્ટની જરૂર છે. ટેક્સ્ટ મૂલ્યને બદલે, તમારે ઇમેજ સ્રોત URL ઉમેરવાની જરૂર છે.
src = "submit.gif">
બટનો એલિમેન્ટ
બટ્ટન તત્વને પ્રારંભિક ટૅગ અને બંધ ટૅગ બંનેની આવશ્યકતા છે જ્યારે તમે તેનો ઉપયોગ કરો છો, ત્યારે ટૅગની અંદરની કોઈપણ સામગ્રીને બટનમાં બંધ કરવામાં આવશે. પછી તમે એક સ્ક્રિપ્ટ સાથે બટન સક્રિય કરો.
ફોર્મ સબમિટ કરો
તમે તમારા બટનમાં છબીઓ શામેલ કરી શકો છો અથવા વધુ રસપ્રદ બટન બનાવવા માટે છબીઓ અને ટેક્સ્ટ ભેગા કરી શકો છો.
ફોર્મ સબમિટ કરો
COMMAND એલિમેન્ટ
COMMAND તત્વ HTML5 સાથે નવું છે તે ફોર્મનો ઉપયોગ કરવાની જરૂર નથી, પરંતુ તે ફોર્મ માટે એક સબમિટ બટન તરીકે કાર્ય કરી શકે છે. આ તત્વ તમને સ્વરૂપોની જરૂર વગર વધુ ઇન્ટરેક્ટિવ પૃષ્ઠો બનાવવાની પરવાનગી આપે છે સિવાય કે તમારે ખરેખર સ્વરૂપોની જરૂર હોય. જો તમે કંઇક કહેવા માગો છો, તો તમે લેબલ એટ્રિબ્યુટમાં માહિતી લખી શકો છો.
લેબલ = "ફોર્મ સબમિટ કરો">
જો તમે ઇચ્છો કે તમારો આદેશ કોઈ છબી દ્વારા રજૂ કરવામાં આવે, તો તમે આયકન લક્ષણનો ઉપયોગ કરો છો.
ચિહ્ન = "સહી કરો. gif">
આ લેખ એચટીએમએલ ફોર્મ ટ્યૂટોરિયલનો એક ભાગ છે . HTML ફોર્મ્સનો ઉપયોગ કેવી રીતે કરવો તે જાણવા માટે સંપૂર્ણ ટ્યુટોરીયલ દ્વારા વાંચો
HTML સ્વરૂપોમાં સબમિટ કરવાના ઘણા જુદા જુદા રીતો છે, કારણ કે તમે પાછલા પૃષ્ઠ પર શીખ્યા છો. તેમાંથી બે પદ્ધતિઓ INPUT ટેગ અને બટ્ટન ટૅગ છે. આ બંને ઘટકોનો ઉપયોગ કરવા માટે સારા કારણો છે
INPUT એલિમેન્ટ
ટેગ ફોર્મ સબમિટ કરવાનો સૌથી સરળ રસ્તો છે તેને ટેગની બહારની કોઈ પણ વસ્તુની જરૂર નથી, મૂલ્ય પણ નહીં. જ્યારે ગ્રાહક બટન પર ક્લિક કરે છે, તે આપમેળે સબમિટ કરે છે. તમારે કોઈ પણ સ્ક્રિપ્ટ્સ ઉમેરવાની જરૂર નથી, જ્યારે ઇન્ફોટ ટેગ સબમિટ કરવામાં આવે ત્યારે ફોર્મ સબમિટ કરવા માટે બ્રાઉઝર્સ જાણ કરે છે.
સમસ્યા એ છે કે આ બટન ખૂબ નીચ અને સાદા છે. તમે તેને છબીઓ ઉમેરી શકતા નથી. તમે તેને કોઈપણ અન્ય તત્વની જેમ શૈલીમાં મૂકી શકો છો, પરંતુ તે હજી પણ નીચ બટન જેવું લાગે છે.
INPUT પદ્ધતિનો ઉપયોગ કરો જ્યારે તમારું ફોર્મ જાવાસ્ક્રિપ્ટ બંધ કરેલ બ્રાઉઝર્સમાં પણ એક્સેસિબલ હોવું જરૂરી છે.
બટનો એલિમેન્ટ
બટનો તત્વ ફોર્મ્સ સબમિટ કરવા માટે વધુ વિકલ્પો પ્રદાન કરે છે તમે બટનો તત્વની અંદર કંઈપણ મૂકી શકો છો અને તેને એક સબમિટ બટનમાં ફેરવો. સામાન્ય રીતે લોકો છબીઓ અને ટેક્સ્ટનો ઉપયોગ કરે છે પરંતુ તમે એક DIV બનાવી શકો છો અને જો તમે ઈચ્છતા હોવ તો તે આખી વસ્તુ સબમિટ બટન બનાવો.
બટનો તત્વની સૌથી મોટી ખામી એ છે કે તે આપમેળે ફોર્મ સબમિટ કરતું નથી આનો અર્થ એ થાય કે તેને સક્રિય કરવા માટે કેટલીક પ્રકારની સ્ક્રિપ્ટ હોવી જરૂરી છે. અને તેથી તે INPUT પદ્ધતિ કરતાં ઓછી સુલભ છે. કોઈપણ વપરાશકર્તા જે જાવાસ્ક્રિપ્ટ ચાલુ કરેલ નથી, તે સબમિટ કરવા માટે માત્ર એક બટનો તત્વ સાથે એક ફોર્મ સબમિટ કરવામાં સમર્થ હશે નહીં.
જેટલું જટિલ ન હોય તે બૂટન પદ્ધતિનો ઉપયોગ કરો. ઉપરાંત, આ એક ફોર્મમાં વધારાના સબમિશન વિકલ્પો ઉમેરવાનો એક શ્રેષ્ઠ માર્ગ છે.
આ લેખ એચટીએમએલ ફોર્મ ટ્યૂટોરિયલનો એક ભાગ છે. HTML સ્વરૂપોનો ઉપયોગ કેવી રીતે કરવો તે વિશે વધુ જાણવા માટે તેને વાંચો