बूटस्ट्रैप

Question

में एक बटन रद्द करें बनाने के लिए मैं कैसे निम्नलिखित बूटस्ट्रैप मार्कअप है:

<!-- Text input--> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="username">Username</label> 
    <div class="col-md-4"> 
    <input id="username" name="username" type="text" placeholder="" class="form-control input-md" required="" maxlength="8" value=""> 
    </div> 
</div> 

<!-- Button (Double) --> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="submit"></label> 
    <div class="col-md-8"> 
    <button id="submit" name="submit" class="btn btn-primary" value="1">Create Profile</button> 
    <button id="cancel" name="cancel" class="btn btn-default" value="1">Cancel</button> 
    </div> 
</div> 

जब मैं Create Profile बटन प्रपत्र ठीक दे काम करता है मुझे पता है कि कुछ क्षेत्र हैं "आवश्यक" पर क्लिक करें। लेकिन जब मैं Cancel बटन पर क्लिक करता हूं तो मैं अपूर्ण आवश्यक फ़ील्ड के कारण फ़ॉर्म को नहीं छोड़ सकता।

बूटस्ट्रैप में कोई फॉर्म रद्द बटन क्षमता है?

Answer 1

निम्नलिखित के लिए अपने कोड में परिवर्तित करें:

<!-- Button (Double) --> 
<div class="form-group"> 
    <label class="col-md-4 control-label" for="submit"></label> 
    <div class="col-md-8"> 
    <button id="submit" name="submit" class="btn btn-primary" value="1">Create Profile</button> 
    <a href="/link-to/whatever-address/" id="cancel" name="cancel" class="btn btn-default">Cancel</a> 
    </div> 
</div>