2

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

在该部分下没有提及和一行，Accessibility没有提及任何其他元素（为什么不<button>，或<input>例如？）。似乎（由于压倒性的过度代表性）文档在说“我们真的为<a>s 设计了这个”。真的是这样吗？

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

我知道您可以将<a>s 用于不涉及表单的情况，但是涉及表单的标准“提交”按钮呢？使用 a<button>不能解决您使用 a 会遇到的所有问题<a>吗？1.它是可聚焦的。2. 对焦时，可以用空格键触发。3.您可以方便地按<Enter>提交表格。其他人为您的提交按钮使用什么？

4

1 回答 1

0

按钮标签在基础 5 中可用。关于它的文档不多，但是（我对其进行了测试以确保我是正确的）<button>标签正常工作。

该<a>标签肯定会在示例网站上使用，但这并不限制它在使用它时的使用。

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

如果您查看 adioso.com（他们使用基础）并检查他们的表单，他们使用按钮用于链接之外的功能用途。

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

检查上面的代码。示例网站并不能很好地代表基础可以做什么，但稍微玩一下，您会发现它是一个非常可靠的框架。

于 2015-03-25T06:37:58.663 回答