JQuery Mobile jQuery.mobile.degradeInputsWithin()用法及代码示例

jQuery.mobile.degradeInputsWithin( target )

添加的版本：1.4.0

说明：更改表单小部件的输入类型。

```
jQuery.mobile.degradeInputsWithin( target )
```
- target
  
  类型：Element
  
  应考虑其子元素的输入降级的元素。

一些本机输入类型具有不良的本机行为。 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.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
  <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.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>

演示：

相关用法

注：本文由纯净天空筛选整理自jquerymobile.com大神的英文原创作品 jQuery.mobile.degradeInputsWithin()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。