2015-11-02 37 views
5

bir iptal düğmesi oluşturmak için nasıl aşağıdaki Bootstrap biçimlendirme var: 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> 

Ben formu ince bana belli alanlar, "Gerekli" bırakıldığını bildiren işleri Create Profile butonuna tıklayın

. Ancak, Cancel düğmesini tıkladığımda, zorunlu olmayan zorunlu alanlar nedeniyle formu terk edemem.

Bootstrap'te form iptal düğmesi özelliği var mı?

+1

u formu bırakarak ne anlama geliyor? Muhtemelen düğme için kendi JS mantığını yazmanız gerekiyor, bunu kontrol edin http://stackoverflow.com/questions/18407832/how-to-create-a-simple-html-cancel-button –

+0

Neden yapmıyorsunuz? formun dışında bir düğme var mı? Formun dışındaki iptal düğmesi "geri" düğmesi olarak işlev görebilir. –

+0

Aslında @ NaturalLam'in başka bir SO sorusuna bağlantısı, basitçe 'onclick = 'window.location =' http: //example.com '; false döndür;'' düğme etiketine bir özellik ekledim ve istenen sonucu aldım. Teşekkürler. –

cevap

5
aşağıdaki kodunuzu değiştirin

:

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

Bunu yaparsanız, bir bağlantı ve diğeri bir düğme olduğundan, İptal ve Gönderme Bootstrap'ta tamamen farklı görünecektir. Bu fikir değil. – derloopkat

+3

Doğru cevap budur. 'Btn' sınıfları, düğmelerle aynı şekilde bağlanır. Benzer görünecekler. Aynı zamanda bağlantılar her zaman JavaScript ile veya JavaScript olmadan çalışır. Erişilebilirlik için en iyisi. Kodlama yükü olmadan. (Ancak, id işlevlerini kullanmaktan kaçınıyorum.) – Peterino