HTML ઇનપુટ ટેગ અને બટનો ટૅગ ઇન ફોર્મ્સનો ઉપયોગ કરીને

"બટન" માં લક્ષણ પ્રકાર સુયોજિત કરીને, એક સરળ ક્લિક કરી શકાય તેવા બટન પેદા થશે. તમે ટેક્સ્ટને વ્યાખ્યાયિત કરી શકો છો જે બટન પર દેખાશે, જેમ કે "સબમિટ કરો", મૂલ્ય એટ્રીબ્યુટનો ઉપયોગ કરીને.

દાખ્લા તરીકે:

ધ્યાન રાખો કે ટેગ HTML ફોર્મ સબમિટ કરશે નહીં; ફોર્મ ડેટા સબમિશનને હેન્ડલ કરવા માટે તમારે હજુ પણ જાવાસ્ક્રિપ્ટનો સમાવેશ કરવાની જરૂર રહેશે. જાવાસ્ક્રિપ્ટ ઑનક્લિક ઇવેન્ટ વિના, બટન ક્લિક કરી શકાય તેવું દેખાશે પરંતુ કંઇ થશે નહીં, અને તમે તમારા વાચકોને હાનિ કરી હશે.

& Lt; બટન & gt; ટૅગ વૈકલ્પિક

એક બટન બનાવવા માટે ઇનપુટ ટેગનો ઉપયોગ કરવાથી તેના હેતુ માટે કામ કરે છે, પરંતુ તમારી વેબસાઇટ HTML બટનો બનાવવા માટે <બટન> ટેગનો ઉપયોગ કરવાનો સારો વિકલ્પ છે. <બટન> ટૅગ વધુ લવચીક છે કારણ કે તે તમને બટન માટે છબીઓનો ઉપયોગ કરવાની પરવાનગી આપે છે (જે તમારી સાઇટની ડિઝાઈન થીમ હોય તો દ્રશ્ય સુસંગતતા જાળવવામાં તમને મદદ કરે છે), ઉદાહરણ તરીકે, અને તે બટનનાં પ્રકારને સબમિટ અથવા રીસેટ તરીકે વ્યાખ્યાયિત કરી શકાય છે. કોઈ વધારાની જાવાસ્ક્રિપ્ટ જરૂર વગર.

તમે કોઈપણ <બટન> ટેગમાં બટન પ્રકાર લક્ષણને ઉલ્લેખિત કરવા માંગો છો ત્રણ અલગ અલગ પ્રકારો છે:

• બટન - બટનમાં કોઈ આંતરિક વર્તન નથી પરંતુ તે સ્ક્રિપ્ટ્સ સાથે જોડાયેલી છે જે ક્લાઈન્ટ બાજુ પર ચાલે છે જે બટન સાથે જોડાય છે અને ચલાવવામાં આવે ત્યારે ચલાવવામાં આવે છે.
• ફરીથી સેટ કરો - બધા મૂલ્યો રીસેટ કરે છે
• submit - બટન સર્વરમાં ફોર્મ ડેટા જમા કરે છે (જો કોઈ પ્રકાર વ્યાખ્યાયિત ન હોય તો આ મૂળભૂત કિંમત).

અન્ય લક્ષણોમાં નીચેનાનો સમાવેશ થાય છે:

• નામ - બટન સંદર્ભ નામ આપે છે.
• કિંમત - શરૂઆતમાં બટનને સોંપેલું મૂલ્ય સ્પષ્ટ કરે છે.
• નિષ્ક્રિય - બટન બંધ કરે છે.

HTML5 એ <બટન> ટૅગમાં કેટલાક વધારાના લક્ષણો ઉમેરે છે જે તમને વધુ કાર્યક્ષમતા આપે છે.

• ઓટોફોકસ- જ્યારે પૃષ્ઠ લોડ થાય, ત્યારે તે સ્પષ્ટ કરે છે કે આ બટન ફોકસ છે. માત્ર એક ઑટોફોકસ એક પૃષ્ઠ પર ઉપયોગ કરી શકાય છે.
• ફોર્મ - એ જ HTML દસ્તાવેજની અંદર એક ફોર્મ સાથેના બટનને સાંકળે છે, ફોર્મની ઓળખકર્તાનો ઉપયોગ મૂલ્ય તરીકે. દાખ્લા તરીકે:
  • <બટન પ્રકાર = "સબમિટ કરો" ફોર્મ = "પુનઃપ્રાપ્ત કરો" મૂલ્ય = "સબમિટ કરો"> સબમિટ કરો
• રચના - માત્ર પ્રકાર = "સબમિટ કરો" અને URL તરીકે મૂલ્ય તરીકે ઉપયોગ થાય છે, તે નિર્દિષ્ટ કરે છે કે ક્યાં ફોર્મ ડેટા મોકલવામાં આવશે. દાખ્લા તરીકે:
  • <બટન પ્રકાર = "સબમિટ" formaction = "/ submitted.php"> ફોર્મ ડેટાને અન્ય પૃષ્ઠ પર સબમિટ કરો
• formenctype - માત્ર પ્રકાર = "સબમિટ" લક્ષણ સાથે જ ઉપયોગમાં લેવાય છે. વ્યાખ્યાયિત કરે છે કે કેવી રીતે ફોર્મ ડેટાને સર્વરમાં સબમિટ કરવામાં આવે ત્યારે એન્કોડેડ કરવામાં આવે છે. ત્રણ મૂલ્યો એપ્લિકેશન / x-www-form-urlencoded (ડિફોલ્ટ), મલ્ટિપાર્ટ / ફોર્મ-ડેટા અને ટેક્સ્ટ / સાદા છે.
• formmethod - માત્ર પ્રકાર = "સબમિટ" લક્ષણ સાથે જ ઉપયોગમાં લેવાય છે. આ સ્પષ્ટ કરે છે કે ફોર્મ ડેટા રજુ કરતી વખતે કઈ એચટીટીપી પધ્ધતિનો ઉપયોગ કરવો, ક્યાં તો મેળવો અથવા પોસ્ટ કરો.
• formnovalidate - માત્ર પ્રકાર = "સબમિટ" લક્ષણ સાથે જ વપરાયેલ. સબમિટ કરતી વખતે ફોર્મ ડેટાને માન્ય કરવામાં આવશે નહીં.
• formtarget - માત્ર પ્રકાર = "સબમિટ" લક્ષણ સાથે જ ઉપયોગમાં લેવાય છે. આ સૂચવે છે કે ફોર્મ ડેટા ક્યારે રજૂ કરવામાં આવે છે, જેમ કે નવી વિંડો વગેરે વગેરેમાં સાઇટ પ્રતિસાદ પ્રદર્શિત થવી જોઈએ. મૂલ્ય વિકલ્પો ક્યાં _blank, _self, _parent, _top, અથવા ચોક્કસ ફ્રેમ નામ છે.

જો તમે ફોર્મ્સનો ઉપયોગ કરી રહ્યા હો, તો તમે HTML સ્વરૂપોમાં બટનો બનાવવા પર વાંચી શકો છો અને તમારી સાઇટને વધુ વપરાશકર્તા મૈત્રીપૂર્ણ કેવી રીતે બનાવવી તે વિશે.