如何使用"下一步"选择iPad上的复选框(vanilla html)？

Question

代码

这是我的香草html,没什么花哨的,只是一个表单,然后是一些内容然后另一种形式:

<form>

    <legend>Form #1</legend>

    <fieldset>

        <p>
            <label for="myInput">Tap in the box &gt;&gt;</label>
            <input type="text" id="myInput" />
        </p>

        <p>
            <label for="mySelect">Boselecta</label>
            <select id="mySelect">
                <option value="" selected="selected">Please select something...</option>
                <option value="proper">Proper</option>
                <option value="bo">Bo</option>
                <option value="i">I</option>
                <option value="tell">Tell</option>
                <option value="thee">Thee</option>
            </select>
        </p>

        <p>
            <label for="myCheckbox"> 
                <input type="text" id="myCheckbox" /> Check yoself before you wreck yoself      
            </label>    
        </p>

    </fieldset>

    <p>
        <input type="submit" value="Submit" />
    </p>


</form>

<p>
    Shu' thi gob. Ee by gum bloomin' 'eck wacken thi sen up be reet eeh. Nobbut a lad. Ah'll gi' thee a thick ear big girl's blouse any rooad tintintin nay lad. Ah'll gi' thi summat to rooer abaht face like a slapped arse. Eeh be reet bobbar tell thi summat for nowt where there's muck there's brass michael palin. Ey up. Tintintin soft southern pansy. Ah'll gi' thee a thick ear. That's champion be reet how much soft southern pansy be reet what's that when it's at ooam. What's that when it's at ooam t'foot o' our stairs face like a slapped arse will 'e 'eckerslike breadcake. Bloomin' 'eck. By 'eck by 'eck bloomin' 'eck. Bloomin' 'eck mardy bum nobbut a lad t'foot o' our stairs a pint 'o mild nobbut a lad. Big girl's blouse ey up nah then shurrup.
</p>

<form>

    <legend>Form #2</legend>

    <fieldset>

    <p>
        <label for="someField1">Field #1</label>
        <input type="text" id="someField1" />
    </p>

    <p>
        <label for="someField2">Field #2</label>
        <input type="text" id="someField2" />
    </p>

    </fieldset>

    <p>
        <input type="submit" value="Submit" />
    </p>

</form>

工作实例

我也有一个简单的例子,您可以在这里尝试:

http://dabblet.com/gist/3551784

问题

在iPad上,请按照以下说明操作:

1. 转到上面的URL.
2. 点击第一个表单上的第一个框,但不要输入任何内容,只需让键盘显示即可.
3. 点击键盘上的"下一步",这将带你进入选择,再次这应该公开选项,但不要选择任何东西.
4. 再次点击"下一步",现在您应该从选择跳到第二个表单中的第一个字段.

为什么"下一步"按钮没有跳转到第一个表单上的复选框？它是连续的,我们没有使用任何花哨的东西,但焦点转移到第二个窗体上的下一个输入.

我尝试过的事情(没有任何区别):

• 更改复选框的HTML,使其成为标签和输入
• 添加tabindex属性

Answer 1

不幸的是，这是“WAD”（按设计工作）。在 iOS 中，“下一个”和“上一个”按钮不适用于复选框。原因可能只是因为没有足够直观的键盘方式来处理复选框。

将其添加到 Apple 功能中。