5

コード

これは私の標準的な 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. 「次へ」をもう一度タップすると、選択から 2 番目のフォームの最初のフィールドにジャンプするはずです。

「次へ」ボタンが最初のフォームのチェックボックスにジャンプしないのはなぜですか? シーケンシャルです。特別なことは何も使用していませんが、フォーカスは 2 番目のフォームの次の入力に移ります。

私が試したこと（違いはありませんでした）：

  • チェックボックスの HTML をラベルと入力に変更する
  • tabindex属性の追加
4

1 に答える 1

1

残念ながら、これは「WAD」(設計どおりに動作) です。iOS では、チェックボックスの [次へ] および [前へ] ボタンが機能しません。その理由は、十分に直感的なチェックボックスを処理するキーボードの方法が実際には存在しないためかもしれません。

Apple の機能に詰め込みます。

于 2012-09-17T01:42:39.453 に答える