Как скрыть теги меток в формах jQuery Mobile для удобства доступа?

Question

Я хочу скрыть теги меток в моих тегах ввода формы моего приложения jQuery Mobile и просто использовать атрибуты-заполнители для описания того, для чего предназначены конкретные входные данные.

Однако программы чтения с экрана полагаются на теги метокопишите, для чего предназначены конкретные элементы ввода формы.Они не полагаются на атрибуты заполнителей.

Как скрыть теги меток в моих формах, при этом позволяя программам чтения с экрана читать их?

Answer 1

JQM делает это с классом. Просто добавьте в свой ярлык ui-hidden-available-тег, например,

<label for="username" class="ui-hidden-accessible">Username:</label>
<input type="text" name="username" id="username" value="" placeholder="Username"/>

Answer 2

Вы также можете скрыть все метки внутри контейнера поля (например, DIV) следующим образом:

<div data-role="fieldcontain" class="ui-hide-label">
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" value="" placeholder="Username"/>
</div>

См. Документацию jQuery Mobile .