Question

如果我使用<select>下拉列表，那就没关系了。我问的是Web可访问性，Web标准。

<form action="#" class="country-selection">
    <select>
        <option title="images/india.jpg">India</option>
        <option title="images/india.jpg">USA</option>
    </select>
</form>

Answer 1

不，这在WCAG 2.0中被特别称为失败：F37: Failure of Success Criterion 3.2.2 due to launching a new window without prior warning when the status of a radio button, check box or select list is changed。

Answer 2

如果您没有任何submit按钮，那么它是form标记的元素是可以接受的，如果不是必需的话，您可以不在form中添加它。这不会违反任何网络标准。

Answer 3

是的，因为页面也可以在没有客户端脚本的情况下工作。正确的方法是包含一个真实的action属性值，引用服务器端脚本，并包含一个提交按钮，因为这是在脚本关闭时确保可提交性的唯一方法。您可以将其包装在noscript元素内，以便在不需要时不显示，即启用客户端脚本时：

<noscript><input type=button value=Change></noscript>

title属性值可以显示或以其他方式呈现给用户，因此它们应该包含合理的（不是URL）或不存在的东西。如果您需要包含一些用于客户端处理的数据，请使用data-属性。

Answer 4

当然没关系，没有人强迫您提交提交按钮，但您可能也不需要在表单上执行操作。

Answer 5

如果您想在用户做出选择时提交表单，请尝试使用

<form action="#" class="country-selection">

      <select onChange="javascript:submit()">

        <option title="images/india.jpg">India</option>

        <option title="images/india.jpg">USA</option>

      </select>

    </form>

是否有必要为每个<form>？</form>设置Submit按钮

5 个答案: