html - <बटन> बनाम<इनपुट प्रकार="बटन"/>। किस का उपयोग करना है?




button compatibility (10)

इसके अलावा, एक अंतर पुस्तकालय के प्रदाता से आ सकता है, और वे क्या कोड। उदाहरण के लिए यहां मैं मोबाइल कोणीय ui के संयोजन में कॉर्डोवा मंच का उपयोग कर रहा हूं, और इनपुट / div / etc टैग ng-click के साथ अच्छी तरह से काम करते हैं, लेकिन बटन विजुअल स्टूडियो डीबगर को क्रैश करने का कारण बन सकता है, निश्चित रूप से मतभेदों से, प्रोग्रामर के कारण; ध्यान दें कि मैटसी उत्तर एक ही मुद्दे पर इंगित करता है, jQuery सिर्फ एक lib है, और प्रदाता ने एक तत्व पर कुछ कार्यक्षमता के बारे में नहीं सोचा था, जो वह दूसरे पर प्रदान करता है। इसलिए जब आप लाइब्रेरी का उपयोग कर रहे हों, तो आपको एक तत्व के साथ एक समस्या का सामना करना पड़ सकता है, जिसे आप किसी दूसरे के साथ नहीं सामना करेंगे। और input तरह लोकप्रिय लोकप्रिय, ज्यादातर निश्चित रूप से निश्चित होगा, क्योंकि यह अधिक लोकप्रिय है।

अधिकांश साइटों (एसओ सहित) को देखते समय, उनमें से अधिकतर उपयोग करते हैं:

<input type="button" />

के बजाय:

<button></button>
  • दोनों के बीच मुख्य मतभेद क्या हैं, यदि कोई हो?
  • क्या दूसरे के बजाय एक का उपयोग करने के वैध कारण हैं?
  • क्या उन्हें गठबंधन करने के वैध कारण हैं?
  • क्या <button> संगतता समस्याओं के साथ आते हैं, यह देखते हुए कि इसका व्यापक रूप से उपयोग नहीं किया जाता है?

उद्धरण

महत्वपूर्ण: यदि आप HTML फॉर्म में बटन तत्व का उपयोग करते हैं, तो अलग-अलग ब्राउज़र अलग-अलग मान सबमिट करेंगे। इंटरनेट एक्सप्लोरर <button> और </button> टैग के बीच टेक्स्ट सबमिट करेगा, जबकि अन्य ब्राउज़र मूल्य विशेषता की सामग्री सबमिट करेंगे। HTML फॉर्म में बटन बनाने के लिए इनपुट तत्व का उपयोग करें।

से: http://www.w3schools.com/tags/tag_button.asp

अगर मैं सही ढंग से समझता हूं, तो उत्तर ब्राउज़र और ब्राउज़र से संगतता और इनपुट स्थिरता है


एक साइड नोट के रूप में, <button> निहित रूप से सबमिट करेगा, जो समस्या के कारण हो सकता है यदि आप इसे सबमिट किए बिना किसी फ़ॉर्म में बटन का उपयोग करना चाहते हैं। इस प्रकार, <input type="button"> (या <button type="button"> ) का उपयोग करने का एक और कारण

संपादित करें - अधिक जानकारी

एक प्रकार के बिना, button रूप से submit प्रकार प्राप्त होता है । इससे कोई फ़र्क नहीं पड़ता कि फ़ॉर्म में कितने बटन या इनपुट सबमिट किए गए हैं, उनमें से कोई भी जो स्पष्ट रूप से या स्पष्ट रूप से सबमिट के रूप में टाइप किया गया है, क्लिक होने पर, फ़ॉर्म सबमिट करेगा।

बटन के लिए 3 समर्थित प्रकार हैं

submit ||  "submits the form when clicked (default)"
reset  ||  "resets the fields in the form when clicked"
button ||  "clickable, but without any event handler until one is assigned"

एचटीएमएल मैनुअल में फॉर्म पेज का उद्धरण:

बटन इनपुट तत्व के साथ बनाए गए बटन जैसे INPUT तत्व के साथ बनाए गए बटन की तरह, लेकिन वे समृद्ध प्रतिपादन संभावनाएं प्रदान करते हैं: बटन तत्व में सामग्री हो सकती है। उदाहरण के लिए, एक बटन तत्व जिसमें एक छवि फ़ंक्शन शामिल हैं और एक INPUT तत्व जैसा दिख सकता है जिसका प्रकार "छवि" पर सेट है, लेकिन बटन तत्व प्रकार सामग्री की अनुमति देता है।


मैं बस बाकी उत्तरों में कुछ जोड़ना चाहता हूं। इनपुट तत्वों को खाली या शून्य तत्व माना जाता है (अन्य खाली तत्व क्षेत्र, आधार, पीआर, कर्नल, घंटा, आईएमजी, इनपुट, लिंक, मेटा और पैरामीटर हैं। आप here भी जांच सकते here ), जिसका अर्थ है कि उनके पास कोई सामग्री नहीं हो सकती है। किसी भी सामग्री के अलावा, खाली तत्वों में कोई छद्म-तत्व नहीं हो सकता है जैसे :: बाद और :: पहले , जिसे मैं एक बड़ी कमी मानता हूं।


मैं लेख को एंकर, इनपुट और बटन के बीच अंतर उद्धृत करूंगा:

एंकर ( <a> तत्व) हाइपरलिंक्स का प्रतिनिधित्व करता है, संसाधन एक व्यक्ति ब्राउज़र में नेविगेट या डाउनलोड कर सकता है। यदि आप अपने उपयोगकर्ता को किसी नए पृष्ठ पर जाने या फ़ाइल डाउनलोड करने की अनुमति देना चाहते हैं, तो एंकर का उपयोग करें।

एक इनपुट ( <input> ) डेटा फ़ील्ड का प्रतिनिधित्व करता है: इसलिए कुछ उपयोगकर्ता डेटा जो आप सर्वर को भेजना चाहते हैं। बटन से संबंधित कई इनपुट प्रकार हैं: <input type="submit"> , <input type="image"> , <input type="file"> , <input type="reset"> , <input type="button">
उनमें से प्रत्येक का अर्थ है, उदाहरण के लिए " फ़ाइल " फ़ाइल को अपलोड करने के लिए प्रयोग किया जाता है, " रीसेट " एक फॉर्म साफ़ करता है, और " सबमिट " सर्वर को डेटा भेजता है। एमडीएन या डब्ल्यू 3 स्कूल्स पर डब्ल्यू 3 संदर्भ देखें।

बटन ( <button>) तत्व काफी बहुमुखी है:

  • आप छवियों, पैराग्राफ या हेडर जैसे बटन के भीतर तत्वों को घोंसला कर सकते हैं;
  • बटन छद्म-तत्वों के ::after ::before और ::after भी हो सकते हैं;
  • बटन disabled विशेषता का समर्थन करते हैं। इससे उन्हें चालू और बंद करना आसान हो जाता है।

दोबारा, http://www.w3schools.com/tags/tag_button.asp या डब्ल्यू 3 स्कूल्स पर <button> टैग के लिए डब्ल्यू 3 संदर्भ देखें।


यदि आप किसी फॉर्म में बटन बनाना चाहते हैं तो इनपुट तत्व से बटन का उपयोग करें। और यदि आप किसी क्रिया के लिए बटन बनाना चाहते हैं तो बटन टैग का उपयोग करें।


संक्षिप्त जवाब यह है कि बटन अन्य ब्राउज़रों के विरुद्ध आईई 6/7 में अलग-अलग व्यवहार करता है, जबकि इनपुट बटन सभी ब्राउज़रों में समान व्यवहार करता है।


<button> लचीला है जिसमें इसमें HTML हो सकता है। इसके अलावा, सीएसएस का उपयोग करके स्टाइल करना बहुत आसान है, और स्टाइल वास्तव में सभी ब्राउज़रों पर लागू हो जाता है। हालांकि, इंटरनेट एक्सप्लोरर (ओह! आईई!) के संबंध में कुछ कमीएं हैं। इंटरनेट एक्सप्लोरर टैग की सामग्री का उपयोग मूल्य के रूप में मूल्य विशेषता का सही ढंग से पता नहीं लगाता है। किसी फॉर्म में सभी मान सर्वर-साइड पर भेजे जाते हैं, भले ही बटन क्लिक किया गया हो या नहीं। यह इसे <button type="submit"> मुश्किल और दर्द के रूप में उपयोग करता है।

<input type="submit"> दूसरी तरफ कोई मूल्य या पहचान समस्या नहीं है, लेकिन आप HTML <button> को <button> साथ जोड़ सकते हैं। यह शैली के लिए भी कठिन है, और स्टाइल हमेशा सभी ब्राउज़रों में अच्छा जवाब नहीं देता है। उम्मीद है कि यह मदद की।


<button>
  • डिफ़ॉल्ट रूप से व्यवहार करता है जैसे कि इसमें "टाइप =" सबमिट "विशेषता थी
  • एक रूप के रूप में और रूपों के रूप में इस्तेमाल किया जा सकता है।
  • पाठ या एचटीएमएल सामग्री की अनुमति है
  • सीएसएस छद्म तत्वों की अनुमति है (जैसे: पहले)
  • टैग नाम आमतौर पर एक ही रूप में अद्वितीय होता है

बनाम

<input type='button'>
  • सबमिट सबमिट करने वाले तत्व के रूप में व्यवहार करने के लिए 'सबमिट' पर सेट होना चाहिए
  • केवल रूपों में इस्तेमाल किया जा सकता है।
  • केवल पाठ सामग्री की अनुमति है
  • कोई सीएसएस छद्म तत्व नहीं
  • अधिकांश टैग तत्वों के रूप में एक ही टैग नाम (इनपुट)

-
आधुनिक ब्राउज़रों में, दोनों तत्व आसानी से सीएसएस के साथ शैलीबद्ध होते हैं लेकिन ज्यादातर मामलों में, button तत्व को प्राथमिकता दी जाती है क्योंकि आप आंतरिक HTML और छद्म तत्वों के साथ अधिक शैली बना सकते हैं





html-input