एक HTML फॉर्म में एकाधिक सबमिट बटन

Question

मान लें कि आप एक HTML फ़ॉर्म में एक विज़ार्ड बनाते हैं। एक बटन वापस चला जाता है, और एक आगे चला जाता है। चूंकि वापस बटन मार्कअप में पहली बार दिखाई देता है जब आप एंटर दबाते हैं तो यह फ़ॉर्म सबमिट करने के लिए उस बटन का उपयोग करेगा।

उदाहरण:

<form> 
 
    <!-- put your cursor in this field and press Enter --> 
 
    <input type="text" name="field1" /> 
 

 
    <!-- This is the button that will submit --> 
 
    <input type="submit" name="prev" value="Previous Page" /> 
 

 
    <!-- But this is the button that I WANT to submit --> 
 
    <input type="submit" name="next" value="Next Page" /> 
 
</form>

मैं करना चाहते हैं क्या, तय करने के लिए कौन सा बटन प्रपत्र प्रस्तुत करने के लिए जब कोई उपयोगकर्ता प्रेस दर्ज प्रयोग किया जाता है मिलता है। इस तरह, जब आप एंटर द विज़ार्ड दबाएंगे, तो अगले पृष्ठ पर नहीं जाएगा, पिछले नहीं। क्या आपको ऐसा करने के लिए tabindex का उपयोग करना है?

Answer 1

मुझे उम्मीद है कि इससे मदद मिलती है। मैं सिर्फ दाईं ओर दिए गए बटनों में float की चाल कर रहा हूं।

इस तरह पिछला बटन अगला बटन के लिए छोड़ दिया है, लेकिन इसके बाद एचटीएमएल कोड में पहले आता है:

.f { 
 
    float: right; 
 
} 
 
.clr { 
 
    clear: both; 
 
}

<form action="action" method="get"> 
 
    <input type="text" name="abc"> 
 
    <div id="buttons"> 
 
    <input type="submit" class="f" name="next" value="Next"> 
 
    <input type="submit" class="f" name="prev" value="Prev"> 
 
    <div class="clr"></div><!-- This div prevents later elements from floating with the buttons. Keeps them 'inside' div#buttons --> 
 
    </div> 
 
</form>

संपादित करें: अन्य सुझावों से अधिक लाभ: कोई जावास्क्रिप्ट, सुलभ, दोनों बटन type="submit"

Answer 2

इस तरह से अपनी प्रस्तुत बटन एक ही नाम दें:

<input type="submit" name="submitButton" value="Previous Page" /> 
<input type="submit" name="submitButton" value="Next Page" /> 

उपयोगकर्ता प्रेस दर्ज करें और अनुरोध सर्वर से हो जाता है, आप मूल्य submitButton अपने सर्वर-साइड कोड पर के लिए जो एक होता है जाँच कर सकते हैं फॉर्म name/value जोड़े का संग्रह। क्लासिक एएसपी में उदाहरण के लिए:

If Request.Form("submitButton") = "Previous Page" Then 
    ' Code for Previous Page 
ElseIf Request.Form("submitButton") = "Next Page" Then 
    ' Code for Next Page 
End If 

संदर्भ:

<input type="button" name="prev" value="Previous Page" /> 

अब अगला बटन होगा: Using multiple submit buttons on a single form

Answer 3

यह आप इस तरह एक बटन में पिछले बटन प्रकार बदलने के लिए के लिए संभव है डिफ़ॉल्ट हो, साथ ही आप default विशेषता भी जोड़ सकते हैं ताकि आपका ब्राउज़र इसे इस तरह हाइलाइट करेगा:

<input type="submit" name="next" value="Next Page" default /> 

उम्मीद है कि मदद करता है।

Answer 4

यदि तथ्य यह है कि डिफ़ॉल्ट रूप से पहला बटन उपयोग किया जाता है तो ब्राउज़र में लगातार होता है, तो उन्हें स्रोत कोड में सही तरीके से क्यों न रखें, फिर अपनी स्पष्ट स्थिति स्विच करने के लिए सीएसएस का उपयोग करें? उदाहरण के लिए float उन्हें दृष्टि से चारों ओर स्विच करने के लिए बाएं और दाएं।

Answer 5

मैं फॉर्म सबमिट करने के लिए जावास्क्रिप्ट का उपयोग करूंगा। फ़ंक्शन तत्व तत्व की ऑनकेपप्रेस ईवेंट द्वारा ट्रिगर किया जाएगा, और यह पता लगाएगा कि एंटर कुंजी का चयन किया गया था या नहीं। यदि ऐसा है, तो यह फॉर्म जमा करेगा।

यहां दो पृष्ठ हैं जो यह करने के तरीके पर तकनीक देते हैं: 1, 2। इन के आधार पर, यहाँ उपयोग का एक उदाहरण (here के आधार पर) है:

<SCRIPT TYPE="text/javascript"><!-- 
function submitenter(myfield,e) { 
    var keycode; 
    if (window.event) { 
    keycode = window.event.keyCode; 
    } else if (e) { 
    keycode = e.which; 
    } else { 
    return true; 
    } 

    if (keycode == 13) { 
    myfield.form.submit(); 
    return false; 
    } else { 
    return true; 
    } 
} 
//--></SCRIPT> 

<INPUT NAME="MyText" TYPE="Text" onKeyPress="return submitenter(this,event)" /> 

नवीनतम प्रश्न

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 संबंधित मुद्दे

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.