如何在 Bootstrap 中创建取消按钮

Question

我有以下 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>

当我单击 Create Profile 按钮时，表单工作正常，让我知道某些字段是“必需的”。但是，当我单击 Cancel 按钮时，由于必填字段不完整，我无法离开表格。

Bootstrap 中是否有表单取消按钮功能？

原文由 H. Ferrence 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Adrian Chrostowski 发布，翻译遵循 CC BY-SA 3.0 许可协议