Question

我想更多地访问以下代码（在表单中）

<div class="contButton">                                            <p><a tabindex="11" title="home" href="#" class="mx"><span>Buscar un hotel</span></a></p>

   </div>

我建议

<div class="contButton">
                                            <p><a tabindex="11" title="home" href="#" class="mx"><span>Buscar un hotel</span></a></p>
                                            <input type="submit" style="display:none"/>
                        </div>

但他们确实建议（是的，我的老板）

<div class="contButton">
    <p>
        <a tabindex="11" title="home" href="#" class="mx">
            <span> <input type="submit" value="Buscar un hotel" onclick="lanzarConsultaDisponibilidad(); return false;" style="float: left; position: relative; color: #333; cursor: pointer; font-size: 14px; font-weight: bold; line-height: 25px; text-decoration: none; background: transparent"></span> 
        </a>
    </p>
</div>

（当然我们会将内嵌CSS代码移到样式表中）

但我担心<a><input/></a>

你觉得怎么样？

Answer 1

display: none的提交按钮非常难以访问。如果CSS处于打开状态，则不会呈现。（如果没有渲染，则无法导航到。）

对锚内部的输入元素的支持充其量是狡猾的，因此HTML 5草案禁止它是有问题的。

如果您想要访问，请使用简单的简单提交按钮。

这将：

看起来会提交一份表格的内容（除非你有造型）
可在任何表单控件列表中使用（即将显示在屏幕阅读器的表单模式中）
不需要JavaScript才能运行

使用JS可以更容易地访问此表单

1 个答案: