Question

我并没有真正理解http://foundation.zurb.com/docs/components/buttons.html代码中过多<a> s背后的理由;并且缺乏其他元素的代表性。

在<{1}}部分下面没有一个提及和一行，没有提及任何其他元素（为什么不Accessibility或{{1 }} 例如？）。看起来似乎（由于压倒性的过多代表性）文档正在说＆＃34;我们真的为<button> s＆＃34;设计了这个。那是真的吗？

（小旁边：使用其他元素提及的行，我遇到问题：<input>如果按钮是可聚焦的，我希望能够用空格键触发它。不幸的是，当你＆＃39你有一个div或一个跨度，你不能。所以这真的很有用，甚至是建设性的吗？）

我知道你可以使用<a>来处理不涉及任何表格的情况，但是你的标准是什么＆＃34;提交＆＃34;涉及表单的按钮？不会使用If there is no <a href=""> then simply add the tabindex="0" to the div or span to make it focusable.解决使用<a>时遇到的所有问题？ 1.它可以集中精力。 2.聚焦时，您可以使用空格键触发它。 3.您可以方便地按<button>提交表格。其他人对你的提交按钮使用了什么？

Answer 1

按钮标签可用于粉底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>

检查上面的代码。示例网站并不是一个非常可靠的代表，表明基金会可以做什么，但可以稍微玩一下，你会看到它是一个非常可靠的框架。

在Zurb提交按钮：你使用<a> or?</a>

1 个答案: