एचटीएमएल बटनहरू फारमहरूमा बनाउँदै

फारमहरू पेश गर्न आगत ट्याग प्रयोग गर्दै

एचटीएमएल फारमहरू तपाईको वेबसाइटमा अन्तरक्रियाशीलता जोड्ने सबैभन्दा आधारभूत तरिका हो। तपाइँ प्रश्नहरू सोध्न र तपाईका पाठकहरूका जवाफहरू लिन सक्नुहुन्छ, डेटाबेसबाट थप जानकारी प्रदान गर्नुहोस्, खेलहरू सेट अप, र थप। त्यहाँ तपाईंको फारमहरू निर्माण गर्न सक्ने एचटीएमएल तत्वहरू छन्। र एक पटक तपाईंले आफ्नो फारम बनाउनु भएको छ भने, त्यस डेटा सर्भरमा प्रस्तुत गर्न वा त्यहाँ फारम कार्य चलिरहेको सुरू गर्न धेरै फरक तरिकाहरू छन्।

यी थुप्रै तरिकाहरू छन् जुन तपाईं आफ्नो फारमहरू पेश गर्न सक्नुहुन्छ:

• • यो सर्भरमा डेटा प्राप्त गर्ने सबैभन्दा सामान्य तरिका हो, तर यो धेरै सादा साबित हुन सक्छ।
• <इनपुट प्रकार = "छवि">
  • एउटा छवि प्रयोग गरेर तपाईंको साइट को शैली को साथ तपाईंको सबमिट बटन फिट गर्न को लागि यो धेरै आसान बनािन्छ। तर केही मानिसहरूले यसलाई पेस बटनको रुपमा चिन्न सकेनन्।
• <इनपुट प्रकार = "बटन">
  • बटन INPUT ट्यागले छविको INPUT ट्यागको धेरै विकल्पहरू प्रदान गर्दछ, तर जस्तै जस्तो देखिन्छ जस्तो कि मानक मानक पेश गर्नुहोस्। सक्रिय गर्न जाभास्क्रिप्टको आवश्यकता छ।
• <बटन>
  • बोटट ट्याग INPUT ट्याग भन्दा बढी बहुमुखी प्रकारको बटन हो। यो ट्यागले Javacript लाई सक्रिय गर्न आवश्यक छ।
• <कमांड प्रकार = "कमांड">
  • COMMAND तत्व एचटीएमएल 5 मा नयाँ छ, र यसले सम्बन्धित कार्यहरूसँग लिपिहरू र फारमहरू सक्रिय गर्ने तरिका प्रदान गर्दछ। यसलाई जाभास्क्रिप्टको साथ सक्रिय गरिएको छ।

INPUT तत्व

INPUT तत्व फारम पेश गर्नको लागि सबै भन्दा साधारण तरिका हो, तपाइँ सबैले एक प्रकारको छनौट गर्नुहुन्छ (बटन, छवि, वा पेश गर्नुहोस्) र यदि आवश्यक पर्दछ भने फारम कार्यमा पेश गर्नको लागि केही लिपिहरू थप्नुहोस्।

<इनपुट प्रकार = "submit"> तत्व जस्तै कि जस्तो लेख्न सकिन्छ। तर यदि तपाईं गर्नुहुन्छ भने, तपाइँसँग विभिन्न ब्राउजरहरूमा विभिन्न परिणामहरू छन्। धेरै ब्राउजरले एक बटन बनाउँछ जुन "पेश गर्नुहोस्," तर फायरफक्सले एउटा बटन बनाउँछ जुन "क्वेरी सबमिट गर्नुहोस्।" बटनले के भन्छ, परिवर्तन गर्न को लागी, तपाइँले एउटा विशेषता थप गर्नु पर्छ:

मूल्य = "फारम पेश गर्नुहोस्">

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

onclick = "submit ();">

बटन प्रकारको जस्तो छ, जुन फारम पेश गर्न स्क्रिप्टको आवश्यक पर्दछ। एक पाठ मानको सट्टा, तपाइँलाई छवि स्रोत URL थप्न आवश्यक छ।

src = "submit.gif">

बटन बटन

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

फारम पेश गर्नुहोस्

तपाईं आफ्नो बटनमा तस्विर समावेश गर्न सक्नुहुनेछ वा थप रोचक बटन सिर्जना गर्न छविहरू र पाठ जोड्न सक्नुहुन्छ।

फारम पेश गर्नुहोस्

COMMAND तत्व

COMMAND तत्व HTML5 सँग नयाँ छ। यसलाई एक FORM प्रयोग गर्न आवश्यक छैन, तर यो फारमको लागि पेश बटनको रूपमा कार्य गर्न सक्छ। यो तत्वले तपाईंलाई थप अन्तरक्रियात्मक पेजहरू सिर्जना गर्न अनुमति दिन्छ बिना फारमहरू आवश्यक पर्दछ जबसम्म तपाईं वास्तवमा फारामहरू आवश्यक पर्दैन। यदि तपाईं केहि कुरा भन्न आदेश चाहानुहुन्छ भने तपाईले एक लेबल विशेषतामा जानकारी लेख्नुहुन्छ।

लेबल = "फारम पेश गर्नुहोस्">

यदि तपाईं आफ्नो आदेश छवि द्वारा प्रतिनिधित्व गर्न चाहनुहुन्छ भने, तपाईं प्रतिमा विशेषता प्रयोग गर्नुहुन्छ।

icon = "submit.gif">

यो लेख HTML फारम ट्यूटोरियलको भाग हो । एचटीएमएल फारामहरू कसरी प्रयोग गर्ने भनेर जान्न पूर्ण ट्यूटोरियल मार्फत पढ्नुहोस्।

HTML पृष्ठहरू तपाईंले अघिल्लो पृष्ठमा सिक्नुभएको जस्तो प्रस्तुत गर्न विभिन्न तरिकाहरू छन्। यी दुई तरिकाहरू INPUT ट्याग र बटन ट्याग हुन्। यी दुवै तत्वहरू प्रयोग गर्न असल कारणहरू छन्।

INPUT तत्व

ट्याग एक फारम पेश गर्न सबै भन्दा सजिलो तरीका हो। यसलाई ट्यागभन्दा बाहिर कुनै पनि आवश्यक पर्दैन, मान पनि होइन। ग्राहकले बटनमा क्लिक गर्दा, यसलाई स्वचालित रूपमा पेश गर्दछ। तपाईंलाई कुनै पनि लिपिहरू थप्न आवश्यक छैन, ब्राउजरहरूले फारम पेश गर्नु पर्दछ जब एक INPUT ट्याग क्लिक गर्दछन्।

समस्या यो बटन धेरै बदसूरत र सादा हो। तपाइँ यसलाई छविहरू थप्न सक्नुहुन्न। तपाईं यसलाई कुनै पनि अन्य तत्व जस्तै शैली गर्न सक्नुहुन्छ, तर यो अझै पनि बदसूरत बटन जस्तै महसुस गर्न सक्छ।

INPUT विधि प्रयोग गर्नुहोस् जब तपाईंको फारम सम्भव छ ब्राउजरहरूमा जुन जाभास्क्रिप्ट बन्द छ।

बटन बटन

बटन तत्व प्रस्तुत गर्नका लागि बटटन तत्त्व थप विकल्पहरू प्रदान गर्दछ। तपाइँ कुनै पनि बटन तत्व भित्र राख्न सक्नुहुन्छ र यसलाई सबमिट बटनमा बदल्न सक्नुहुन्छ। धेरैतया मानिसहरूले तस्बिरहरू र पाठ प्रयोग गर्छन्। तर तपाइँ एक डिभ सिर्जना गर्न सक्नुहुनेछ र त्यो सम्पूर्ण कुरा एक बटन क्लिक गर्नुहोस् यदि तपाई चाहानुहुन्छ भने।

बटटन तत्त्वको सबैभन्दा ठूलो कटनी यो हो कि यो स्वचालित रूपले फारम पेश गर्दैन। यसको अर्थ यो सक्रिय गर्न केही लिपि हुन आवश्यक छ। र यसैले INPUT विधि भन्दा कम पहुँच योग्य छ। जाभास्क्रिप्ट सक्रिय हुने कुनै पनि प्रयोगकर्ताले यसलाई फारम भर्खर एक बटन तत्वसँग प्रस्तुत गर्न सक्नेछैन।

बटनको रूपमा प्रयोग नगर्ने बटन विधि प्रयोग गर्नुहोस्। साथै, यो एक फारम भित्र अतिरिक्त सबमिशन विकल्पहरू थप्न उत्तम तरीका हो।

यो लेख HTML फारम ट्यूटोरियलको भाग हो। HTML फारामहरू कसरी प्रयोग गर्ने भन्ने बारे बढी जान्न पढ्नुहोस्