JQuery Mobile - отображение встроенной HTML-формы
Цель: Отобразите текстовое поле и кнопку отправки в той же строке в Jquery Mobile.
Проблема: Они не будут отображаться в одной строке.
Я много раз пытался отобразить текстовое поле и кнопку отправки в одной строке, но это никогда не работает. Вот мой код и комбинации, которые я использовал ...
<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>
Это не сработало.
<form method="GET">
<span>
<input type="text" name="id" value="Other">
<input type="submit" data-type="button" data-icon="plus" value="Add">
</span>
</form>
Ни один не сделал этого.
<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>
Что я делаю не так и как мне достичь своей цели?
Спасибо и счастливого Рождества!