Comment afficher le clavier chaque fois que vous entrez la zone de texte - javascript, css, windows-phone-8, textbox, ibm-mobilefirst

Je suis nouvelle Worklight et avoir beaucoup de problèmes avec elle.

Je développe une application en utilisant BingMaps. Dans mon application, j'utilise un bouton de recherche. Lorsqu'un utilisateur souhaite rechercher un emplacement, mon application affiche une zone de texte, puis saisit une adresse. (Lorsque l'utilisateur utilise ce bouton, doit toucher la zone de texte une fois de plus pour afficher le clavier.)

Mais je ne sais pas comment afficher le clavier avec la zone de texte lorsqu'un utilisateur appuie sur le bouton Rechercher.

Ceci est mon code.

<div id="divSearchA" style=" display:none; position:absolute; top:300px; left:90px; right:0px;height:100px; background-color:gray; opacity:0.7;">
<b>Search Box: </b><input id="txtSearchA" style="width:213px" type="text">
<br>
<button id="btSearch" onclick="LoadSearchModule()" type="button">Search</button>
</div>

Réponses:

Un clavier apparaît généralement lorsque le focus est sur un champ de saisie.

D'après votre description, je comprends que dans votre cas, le champ de texte est masqué. Pour l'afficher, l'utilisateur final clique sur le bouton "Rechercher",
Donc, ce que j'essaierais de faire, c'est: une fois que vous avez appuyé sur le bouton de recherche, ce champ sera mis au point automatiquement, ainsi le clavier devrait également s'afficher.

Je n’ai pas encore essayé moi-même, donc je ne peux pas en être certain:

1. Essayez d'ajouter le autofocus Attribut HTML5 à votre champ de texte. Voir si cela suffit
2. Dans le cas 1 ci-dessus, un clavier apparaît même lorsque le champ de texte est masqué, essayez de l'ajouter dynamiquement en appuyant sur le bouton "Rechercher".