Я создал форму в своем веб-приложении PHP / jQuery Mobile с этим HTML.
<form action="<?= $_SERVER['REQUEST_URI'] ?>">
<!-- data received from a previously submitted form -->
<input type="hidden" name="firstName" value="<?= $firstName ?>" />
<input type="hidden" name="lastName" value="<?= $lastName ?>" />
<div data-role="fieldcontain">
<label for="favoriteWord">Favorite Word:</label>
<input type="text" name="favoriteWord" id="favoriteWord" value="" placeholder="Please tell us your favorite word." />
</div>
<input type="submit" name="submit" value="Submit Form" />
</form>
Однако моя кнопка отправки выглядит странно.Он выглядит наложенным на себя (как показывает мой снимок экрана).
Почему?
Это HTML-код, который я вижу, когда использую data-ajax="false"
(Проблема все еще сохраняется с отключенным ajax) и нажмите «Просмотреть исходный код».
<form action="/submitFavoriteWord">
<!-- data received from a previously submitted form -->
<input type="hidden" name="firstName" value="David" />
<input type="hidden" name="lastName" value="Faux" />
<div data-role="fieldcontain">
<label for="favoriteWord">Favorite Word:</label>
<input type="text" name="favoriteWord" id="favoriteWord" value="" placeholder="Please tell us your favorite word." />
</div>
<input type="submit" name="submit" value="Submit Form" />
</form>
Обновление: я проанализировал страницу в Chrome Web Developer.Вот что предлагает вкладка «Элементы» для создания jQuery Mobile.
Странно, но над кнопкой «Отправить» сгенерирован тег <span>
.