JQuery Mobile - Muestra un formulario HTML en línea
Objetivo Mostrar cuadro de texto y botón de enviar en la misma línea en Jquery Mobile.
Problema No se mostrarán en la misma línea.
He intentado muchas veces mostrar el cuadro de texto y el botón Enviar en la misma línea, pero nunca funciona. Aquí está mi código y las combinaciones que usé ...
<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>
Eso no funcionó
<form method="GET">
<span>
<input type="text" name="id" value="Other">
<input type="submit" data-type="button" data-icon="plus" value="Add">
</span>
</form>
Tampoco esto.
<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>
¿Qué estoy haciendo mal y cómo puedo lograr mi objetivo?
Gracias y feliz Navidad!