Question

使用Zurb Foundation 5，我有一个表格

    <form>
        <h2>Add or edit</h2>
            <label for="n_shortname">Name in figure:</label>
            <input type="text" id="n_shortname"/><br>
            <label for="n_phosphorylated">P? (Phosphorylated?)</label>
            <input type="checkbox" id="n_phosphorylated"><br>
        <a class="button" id="save-button">Save</a>
    </form>

填写表格时，我可以使用Tab键在输入中移动，但是当我到达最后一个项目（复选框）并点击标签时，而不是将焦点移动到按钮（这样我就可以“保存” “通过按Enter键，焦点将转到页面顶部。如何将焦点转到下一个按钮？

Answer 1

想出来。我改成了：

    <form>
        <h2>Add or edit</h2>
        <label for="n_shortname">Name in figure:</label>
        <input type="text" id="n_shortname"/><br>
        <label for="n_phosphorylated">P? (Phosphorylated?)</label>
        <input type="checkbox" id="n_phosphorylated"><br>
        <input type="button" class="button" id="save-button" value="Save"></input>
    </form>

Zurb基础通过表单字段和按钮进行选项卡

1 个答案: