是否有必要为每个提交按钮 ?

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>