在 Zurb 中提交按钮：您是否使用 <a> OR？

Question

我并没有真正了解代码中<a>过多背后的基本原理http://foundation.zurb.com/docs/components/buttons.html；以及缺乏对其他元素的表示。

除了一个和一行，都在Accessibility部分下，没有提及任何其他元素（例如，为什么不提及<button>或<input>？）。似乎（由于人数过多）文件上写着"我们真的是为<a>设计的"。真的是这样吗？

（小标题：提到使用其他元素的那一行，我有一个问题：If there is no <a href=""> then simply add the tabindex="0" to the div or span to make it focusable.如果一个按钮是可聚焦的，我希望能够用空格键触发它。不幸的是，当你有一个div或span时，你不能。那么这真的有用吗，甚至是有建设性的吗？）

我知道你可以在不涉及表格的情况下使用<a>，但在涉及表格的地方，你的标准"提交"按钮是什么？使用<button>难道不能解决使用<a>时的所有问题吗？1.可聚焦。2.当对焦时，你可以用空格键触发它。3.你可以很方便地按<Enter>提交表格。其他人用什么做你的提交按钮？

Answer 1

buttons标签在foundation 5中可用。虽然没有太多文档，但（我测试了它以确保我是正确的）<button>标签正常工作。

<a>标签当然在示例站点上使用，但这并不限制它在使用它时的使用

您仍然应该将<button>用于表单，并将<a>用于链接。

如果你查看adioso.com（他们使用foundation）并检查他们的表单，他们会在链接之外使用按钮进行功能用途。

<form class="flight_search" method="get" action="/search_form">
   <div class="search_form_inputs">
      <ul class="row">
         <li class="columns large-3 small-12 medium-6">
         <li class="columns large-3 small-12 medium-6">
         <li class="columns large-3 small-12 medium-6">
         <li class="columns large-3 small-12 medium-6">
     </ul>
   </div>
   <div class="search_sundries">
      <div id="passengers" class="awesome-search">
         <div id="submit-wrap">
            ###<button id="submit-btn" type="submit" class="search_button" tabindex="9">Find Flights</button>###
         </div>
      </div>
</form>

检查以上代码。这个示例网站并不能很好地展示基金会的能力，但只要稍微运用一下，你就会看到它是一个非常坚实的框架。