jQuery.mobile.degradeInputsWithin( target )Возвращает: Undefinedверсия добавлена: 1.4.0
Описание: Изменение типа ввода для виджетов формы.
-
jQuery.mobile.degradeInputsWithin( target )
- targetТип: ЭлементЭлемент, потомки которого должны быть рассмотрены для деградации ввода.
-
Некоторые встроенные типы ввода имеют нежелательное поведение. jQuery.mobile.degradeInputsWithin изменит тип ввода таких элементов во время создания страницы, чтобы перейти к типам ввода с приемлемым поведением. После этого вы можете добиться желаемого пользовательского опыта, инициализировав виджеты jQuery Mobile на изменённых встроенных элементах.
Пример:
Деградация ввода
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery.mobile.degradeInputsWithin demo</title>
<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="header">
<h2>jQuery Mobile Example</h2>
</div>
<div class="ui-content" role="main">
<form>
<fieldset>
<div class="ui-field-contain">
<label for="degraded-range">Type <code>range</code> degraded to <code>number</code></label>
<input type="range" id="degraded-range" min="0" max="91" value="17"></input>
</div>
<div class="ui-field-contain">
<label for="degraded-search">Type <code>search</code> degraded to <code>text</code></label>
<input type="search" id="degraded-search"></input>
</div>
<div class="ui-field-contain">
<label for="unchanged-url">Unchanged type <code>url</code></label>
<input type="url" id="unchanged-url"></input>
</div>
</fieldset>
</form>
</div>
</body>
</html>