html - jQuery Mobile - 入力フィールドのデフォルトの選択状態を無効にする

Question

デフォルトで折りたたまれている入力フィールドを持つアコーディオンがあります。アコーディオンをクリックすると展開され、テキスト入力フィールドと 2 つのボタンが表示されます。テキスト入力フィールドが表示されると、デフォルトで選択されています (つまり、入力フィールドでカーソルが点滅しています)。それを無効にしたい - ユーザーが最初にフィールドを物理的に選択するようにしたい。

この理由は、ローエンドのハンドセットでは、アコーディオンをクリックすると、jQuery が実行される前にキーボードが画面にポップアップし、フォームが画面に表示され、見栄えが非常に悪くなるためです。フォームが最初に選択されていない場合、フォームがユーザーによって選択されると、キーボードが画面にポップアップ表示されます。

折りたたみ可能なリストのコードは次のとおりです

<div data-role="collapsible" data-iconpos="right" data-collapsed="true" class="question">

<h3>Name</h3>   

    <div data-role="fieldcontain" class="ux-field-contain ui-field-contain ui-body ui-br">
        <label for="answer" class="ui-input-text">answer</label>
        <input type="text" data-role="button" autofocus = "on" autocomplete = "off" data-theme="b" name="answer" value="Save">
    </div>

    <div data-theme="b">
        <input data-role="button" data-theme="b" name="save" value="Save"></div>
    </div>

</div>