私は Meteor を使用しています。「新規追加」ボタンをクリックすると消え、代わりにテキスト ボックスが表示されます。
ボタンと入力の間でどのように切り替わるかについてのロジックにはまったく関係がないため、ここでは説明しません。ただし、HTML コードは以下のとおりです。
ボタンとテキスト ボックスを切り替えるビット
<tr> {{#if isAddNew }} <td></td> <td>{{> insertNewTask }}</td> {{else}} <td></td> <td> <button id="btnNewTask" class="btn btn-success" role="button">New Task</button> </td> {{/if}} </tr>
insertNewTask テンプレート
<input class="col-xs-9" autofocus="autofocus" placeholder="Enter your new task and press enter" id="insertTask" type="text" value="{{name}}"/>
これですべてが機能します。唯一の問題は、携帯電話で [新しいタスクの追加] ボタンを押すと、新しい入力にフォーカスすることですが、入力フィールドをもう一度クリックして、ポップアップするキーボード。
キーボードを自動的にポップアップさせることはできますか?