एचटीएमएल इनपुट टॅग आणि बटणे फॉर्म्समध्ये टॅग वापरणे

आपण टॅग वापरून HTML मध्ये सानुकूल मजकूर बटणे तयार करू शकता.

घटक घटकामध्ये वापरला जातो

"बटण" ला विशेषता प्रकार सेट करून, एक सोपा क्लिक करण्यायोग्य बटण व्युत्पन्न केले जाईल. आपण व्हॅल्यू ऍट्रीब्यूटचा वापर करून "सबमिट करा" असे बटनवर दिसणारे मजकूर निश्चित करू शकता.

उदाहरणार्थ:

<इनपुट प्रकार = "बटण" मूल्य = "सबमिट करा">

हे लक्षात ठेवा की टॅग HTML फॉर्म सबमिट करणार नाही; फॉर्म डेटा सबमिशन हाताळण्यासाठी आपल्याला JavaScript देखील समाविष्ट करण्याची आवश्यकता असेल. एक जावास्क्रिप्ट onclick घटना न करता, बटण क्लिक करण्यायोग्य दिसून येईल पण काहीही होणार नाही, आणि आपण आपल्या वाचकांना विफल होईल

& Lt; बटण & gt; टॅग वैकल्पिक

एक बटन तयार करण्यासाठी इनपुट टॅग वापरुन त्याचा उद्देश असला तरीही, आपली वेबसाइट HTML बटणे तयार करण्यासाठी <बटण> टॅग वापरण्याचा एक चांगला पर्याय आहे. <बटण> टॅग अधिक लवचिक आहे कारण यामुळे आपल्याला बटणासाठी प्रतिमा वापरणे शक्य होते (जे आपल्या साइट डिझाइन थीमवर असल्यास आपल्याला दृष्य सुसंगतता संरक्षित करण्यास मदत करते), उदाहरणार्थ, आणि हे बटणांच्या प्रकार सबमिट किंवा रीसेट केल्याप्रमाणे परिभाषित केले जाऊ शकते. कोणतीही जास्तीत जास्त JavaScript न घेता

आपण कोणत्याही <बटण> टॅगमध्ये बटण प्रकार गुणधर्म निर्दिष्ट करू इच्छित असाल तीन भिन्न प्रकार आहेत:

  • बटन - बटणाचा मूळ प्रकार नसलेला व्यवहार आहे परंतु क्लायंटच्या बाजूवर चालणार्या स्क्रिप्टसह वापरला जातो जो बटनवर जोडला जाऊ शकतो आणि क्लिक केल्यानंतर चालवला जाऊ शकतो.
  • रीसेट - सर्व मूल्ये रीसेट करते
  • सबमिट करा- बटण सर्व्हरला फॉर्म डेटा सादर करते (हे कोणतेही डीफॉल्ट मूल्य नसल्यास प्रकार परिभाषित केले आहे).

इतर विशेषतांमध्ये हे समाविष्ट आहे:

  • नाव - बटण एक संदर्भ नाव देते.
  • मूल्य - बटण ला प्रारंभ करण्यासाठी मूल्य निर्देशीत करते.
  • अक्षम करा - बटण बंद करते

HTML5 अधिक कार्यक्षमतेमुळे <बटण> टॅगमध्ये काही अतिरिक्त विशेषता जोडते

  • autofocus - जेव्हा पृष्ठ लोड होते तेव्हा हे निर्दिष्ट करते की हे बटण फोकस आहे. एका पृष्ठावर केवळ एक ऑटोफोकस वापरले जाऊ शकते.
  • फॉर्म - फॉर्मच्या अभिज्ञापकाने मूल्य म्हणून समान HTML दस्तऐवजात एक फॉर्म असलेले बटण संबद्ध करते. उदाहरणार्थ:
  • फॉर्मॅक्शन- केवळ "टाईप करा" = "सबमिट करा" आणि एक यूआरएल ही व्हॅल्यू म्हणून वापरली जाते. उदाहरणार्थ:
    • <बटन प्रकार = "सबमिट" formaction = "/ submitted.php"> फॉर्म डेटा दुसर्या पृष्ठावर सादर करा
  • formenctype - केवळ "type" = "submit" गुणधर्माने वापरला जातो. सर्व्हरवर सादर केल्यावर एन्कोड केलेले फॉर्म डेटा कसा आहे हे स्पष्ट करते. तीन मूल्ये / x-www-form-urlencoded (डीफॉल्ट), मल्टीपार्ट / फॉर्म-डेटा आणि मजकूर / प्लेन आहे.
  • formmethod - केवळ "type" = "submit" गुणधर्मासह वापरले जाते. हे फॉर्म डेटा सादर करताना कोणता संकेतशब्द वापरतात हे निर्दिष्ट करते, एकतर प्राप्त करा किंवा पोस्ट करा
  • formnovalidate - केवळ "type" = "submit" गुणधर्माने वापरले जाते. सादर केल्यावर फॉर्म डेटा प्रमाणित केला जाणार नाही.
  • formtarget - फक्त टाईप करा = सबमिट करा गुणधर्म. फॉर्म डेटा सबमिट केल्यावर साइट प्रतिसाद कुठे प्रदर्शित करावा हे दर्शविते, जसे की एका नवीन विंडोमध्ये, इत्यादी. मूल्य पर्याय _ब्लॅंक, _ _ _ _ _ _ _ _ _ _ _ _ _ _, किंवा विशिष्ट फ्रेमचे नाव.

आपण फॉर्म वापरत असल्यास, आपण HTML स्वरूपात बटण बनण्यास वाचू शकता आणि आपल्या साइटला अधिक वापरकर्ता अनुकूल कसे बनवावे