JQuery Mobile - exibe um formulário HTML embutido
Objetivo Exiba a caixa de texto e o botão enviar na mesma linha no Jquery Mobil
Problema Eles não serão exibidos na mesma linha.
Tentei várias vezes exibir a caixa de texto e enviar o botão na mesma linha, mas nunca funciona. Aqui está o meu código e as combinações que usei ...
<form method="GET" style="display: inline-block;">
<input type="text" name="id" value="Other">
<input type="submit" data-type="button" data-icon="plus" value="Add">
</form>
Isso não funcionou.
<form method="GET">
<span>
<input type="text" name="id" value="Other">
<input type="submit" data-type="button" data-icon="plus" value="Add">
</span>
</form>
Nem fez isso.
<form method="GET">
<ul style="display: inline; list-style-type: none;">
<li style="display: inline;"><input type="text" name="id" value="Other"></li>
<li style="display: inline;"><input type="submit" data-type="button" value="Add"></li>
</ul>
</form>
O que estou fazendo de errado e como posso alcançar meu objetivo?
Obrigado e feliz Natal!