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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。