ipad - 如何使用 "next"在 iPad 上选择复选框(vanilla html)？

Question

代码

这是我的 vanilla 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 功能。