Come creare un pulsante Annulla in Bootstrap

Question

Ho la seguente markup Bootstrap:

<!-- 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> 

quando clicco sul tasto Create Profile forma funziona bene avermi fatto sapere che alcuni campi sono "obbligatori". Ma quando clicco sul pulsante Cancel, non posso lasciare il modulo a causa di campi obbligatori incompleti.

Esiste una funzionalità di annullamento del modulo in Bootstrap?

Answer 1

Modificare il codice di seguito:

<!-- 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>