एचटीएमएल इनपुट ट्याग र बटन ट्यागहरू फारमहरूमा प्रयोग गर्दै

तपाईले HTML मा ट्याग प्रयोग गरी अनुकूलन पाठ बटन सिर्जना गर्न सक्नुहुनेछ। तत्व

तत्व भित्र प्रयोग गरिन्छ।

विशेषता प्रकार "बटन" सेट गरेर, एक सरल क्लिकयोग्य बटन उत्पन्न हुनेछ। तपाईँले बटनमा देखा पर्ने पाठ परिभाषित गर्न सक्नुहुन्छ, जस्तै "विशेषता" प्रयोग गरी मूल्य विशेषता प्रयोग गरेर।

उदाहरणका लागि:

<इनपुट प्रकार = "बटन" मान = "पेश गर्नुहोस्">

सावधान रहनुहोस् कि ट्यागले HTML फारम बुझाउनेछैन; तपाईले अझै पनि फारम डेटा सबमिशन ह्यान्डल गर्न जाभास्क्रिप्ट समावेश गर्न आवश्यक छ। जाभास्क्रिप्ट ओभरक्लिक घटना बिना, बटन क्लिक गर्न योग्य हुनेछ तर केही हुनेछैन, र तपाईंले आफ्नो पाठकहरूलाई निराश पार्नुहुनेछ।

& Lt; बटन & gt; ट्याग वैकल्पिक

यद्यपि बटनको उद्देश्यले यसको उद्देश्यको लागि इनपुट ट्याग प्रयोग गर्न इनपुट ट्याग प्रयोग गरी, तपाईँको वेबसाइट HTML हरू सिर्जना गर्न <बटन> ट्याग प्रयोग गर्ने एउटा राम्रो विकल्प हो। <बटन> ट्याग अधिक लचीला छ किनकि यसले तपाईंलाई बटनको लागि छविहरू प्रयोग गर्न अनुमति दिन्छ (यदि तपाइँले साइटमा डिजाइन विषयवस्तु छ भने, तपाइँले मद्दत गर्न मद्दत गर्दछ), उदाहरणका लागि, र यो टाइप बटनको रूपमा परिभाषित वा रिसेट गर्न सकिन्छ। बिना कुनै अतिरिक्त JavaScript को आवश्यकता छैन।

तपाईले कुनै बटन <बटन> ट्यागमा बटन प्रकार निर्दिष्ट गर्न चाहानुहुन्छ। त्यहाँ तीन प्रकारका प्रकार छन्:

  • बटन - बटनसँग कुनै निस्क्रिय व्यवहार छैन तर स्क्रिप्टको साथ प्रयोगमा प्रयोग गरिन्छ जुन क्लाइन्ट-साइडमा बटनमा संलग्न हुन सक्छ र यसलाई क्लिक गर्दा क्रियान्वित गरिन्छ।
  • रिसेट गर्नुहोस् - सबै मानहरू पुनःसेट गर्दछ।
  • पेश गर्नुहोस् - बटनले सर्भरमा फारम डाटा पेश गर्दछ (यो कुनै प्रकार परिभाषित भएमा यो पूर्वनिर्धारित मान)।

अन्य विशेषताहरू समावेश छन्:

  • नाम - बटनलाई सन्दर्भ नाम दिनुहुन्छ।
  • मान - प्रारम्भिक बटन बटनमा तोकिएको मान निर्दिष्ट गर्दछ।
  • अक्षम - बटन बन्द गर्नुहोस्।

HTML5 <बटन> ट्यागमा केहि थप विशेषताहरू थप्छ जुन तपाइँले अधिक कार्यक्षमता दिन्छ।

  • autofocus - जब पृष्ठ लोड, यो निर्दिष्ट गर्दछ कि यो बटन फोकस हो। पृष्ठमा केवल एक स्वत: फोकस प्रयोग गर्न सकिन्छ।
  • फारम - समान एचटीएमएल कागजात भित्र एक फारमको साथ बटनलाई एसोसिएट गर्दछ, मानको रूपमा फारमको पहिचानकर्ता प्रयोग गरेर। उदाहरणका लागि:
    • <बटन प्रकार = "submit" form = "regform" value = "submit"> सबमिट गर्नुहोस्
  • formaction - केवल प्रकारको साथ प्रयोग भएको छ = "पेश गर्नुहोस्" र एक मानको रूपमा URL, यसले निर्दिष्ट गर्दछ जहाँ फारम डेटा पठाइनेछ। उदाहरणका लागि:
    • <बटन प्रकार = "submit" formaction = "/ submitted.php"> अर्को पृष्ठमा फारम डाटा बुझाउनुहोस्
  • Formenctype - केवल प्रकारको साथ प्रयोग गरिएको = "पेश" विशेषता। सर्भरमा पेश गर्दा कसरी ढाँचा डेटा इन्कोडिङ परिभाषित गर्दछ परिभाषित गर्दछ। तीन मानहरू अनुप्रयोग / x-www-form-urlencoded (पूर्वनिर्धारित), बहुपट्टी / फारम-डेटा,पाठ / सादा हुन्।
  • formmethod - केवल प्रकारको साथ प्रयोग भएको छ = "पेश" विशेषता। यसले निर्दिष्ट गर्दछ जुन डेटा पेश गर्दा HTTP विधि प्रयोग गर्न, वा प्राप्त वा पोस्ट।
  • formnovalidate - केवल प्रकारको साथ प्रयोग भएको छ = "पेश" विशेषता। पेश गरेपछि फारम डाटा वैधिकरण हुनेछैन।
  • formtarget - केवल प्रकारको साथ प्रयोग भएको छ = "पेश" विशेषता। यसले संकेत गर्दछ कि साइट प्रतिक्रिया कहाँ प्रस्तुत गरिन्छ, जस्तै नयाँ विन्डोमा, आदि। मान विकल्पहरू या तो _ खाली, _self, _parent, _top, वा एक विशिष्ट फ्रेम नाम हो।

यदि तपाइँ फारमहरू प्रयोग गर्दै हुनुहुन्छ भने, तपाइँ HTML ढाँचाहरूमा बटन बनाउन र पढ्न चाहानुहुन्छ, र तपाईंको साइटलाई थप प्रयोगकर्तालाई कसरी अनुकूल बनाउन सक्नुहुन्छ।