# 表單插件的方法 Form Plugin Methods
在將jquery mobile對表單控件進行自定義增強之后,你依然可以通過插件的方法手動的控制他們的許多屬性。當前可用的方法已經列舉在下面。你可以查看Github上的項目來檢查更新,我們正在努力完成中
**選擇菜單 Select menus**
```
open 打開一個選擇菜單
$('select').selectmenu('open');
close 關閉一個選擇菜單
$('select').selectmenu('close');
refresh: 更新自定義菜單來體現原生元素的值。如果自定義菜單的選項數目和原生的select元素option的數目不一樣,它將會重建該自定義菜單。同樣,如果你傳遞一個true參數,你可以強制執行該重建
//刷新選擇菜單的?
$('select').selectmenu('refresh');
//刷新選擇菜單的值并重建菜單
$('select').selectmenu('refresh', true);
enable:啟用該選擇菜單
$('select').selectmenu('enable');
disable: 禁用該選擇菜單.
$('select').selectmenu('disable');
```
**文本框 Textinput**
```
enable: 啟用文本域
$('input').textinput('enable');
disable: 禁用文本域
$('textarea').textinput('disable');
```
**單選復選框 checkboxradio**
```
enable: 啟用單選復選框.
$('input').checkboxradio('enable');
disable: 禁用單選復選框.
$('input').checkboxradio('disable');
refresh: 刷新單選復選框的值
$('input').checkboxradio('refresh');
```
**滑動條 slider**
```
enable: 啟用滑動
$('input').slider('enable');
disable: 禁用滑動
$('input').slider('disable');
refresh: 刷新滑動條的
$('input').slider('refresh');
```
**表單按鈕 Form buttons**
```
enable: 啟用 按鈕.
$('input').button('enable');
disable: 禁用按鈕
$('input').button('disable');
```
## 降級的表單輸入框元素 Degraded Form Input Types
Jquery Mobile在應用了增強效果之后,會把幾種html5輸入框類型降級為了type=text或者type=number的輸入框類型。例如,type=range的輸入框被增強成為一個滑動條,類型被設置為數字,而type=search的輸入框在我們添加了一些針對搜索輸入文字的樣式后會降級為type=text輸入框
頁面插件包含一組input的類型,這些input的類型可以設置為true,這意味著它們會降級成type=text輸入框,或者false,意味著不處理,或者一個字符串比如"number",意為將他們轉化為該類型
你可以配置哪些類型可以通過頁面插件 degradeInputs選項來改變,而哪一些是需要通過 $.mobile.page.prototype.options.degradeInputs 在外部手動操作,其中以下type可以使用 color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, week. 請務必在 mobileinit 事件的處理函數里配置這些選項,以便于在加載第一個頁面以及后續頁面都能應用這些選項
- 綜述
- Jquery mobile介紹 Jquery Mobile Overview
- 關鍵特性: Key features:
- 可訪問性 Accessibility
- a4版本支持的平臺 Supported platforms in Alpha 4
- API
- 默認配置
- 事件
- 方法
- 有響應的布局助手
- 主題
- 組件
- 頁面與對話框
- 頁面
- 頁面轉場 Page transitions
- 創建對話框 Creating dialogs
- Jquery Mobile的導航模型 Jquery Mobile's navigation model
- 鏈接的格式 Link formats
- 給頁面主題樣式 Page Theming
- 工具欄
- 工具欄
- 頭部欄
- 尾部欄
- 導航欄
- 固定定位的工具欄會在滾屏后重新出現 Fixed toolbars will re-appear after you scroll
- 全屏的固定的工具欄 Fullscreen fixed toolbar
- 持續的尾部欄 Persistent footer nav bar
- 給頭部欄和尾部欄設置主題樣式
- 按鈕
- 按鈕標記選項 Button markup options
- 給按鈕添加圖標 Adding Icons to Buttons
- 內聯按鈕 Inline buttons
- 組按鈕 Grouped buttons
- 主題化按鈕 Theming buttons
- 內容的格式化
- html格式化 HTML Formatting
- 布局網格 Layout grids
- 可折疊的內容 Collapsible content markup
- 給內容主題 Theming content
- 表單元素
- 表單元素 Form elements
- 表單元素示例 Form element gallery
- 文本輸入框 Text inputs
- 搜索輸入框 Search inputs
- 滑動條 Slider
- 開關 Flip toggle switches
- 復選按鈕 Checkboxes
- 單選按鈕組 Radio buttons
- 選擇菜單 Select menus
- 表單的主題樣式 Form themes
- ajax的表單提交 Ajax form submission
- 表單插件的方法 Form Plugin Methods
- Jquery UI 的移動版日期拾取器插件 Jquery UI's Datepicker Styled for mobile
- 列表
- 列表 List views
- 列表標記的規約List markup conventions