jQuery Mobile 表單 jQuery Mobile 會自動為 HTML 表單新增優異的便於觸控的外觀。 jQueryMobile 使用 CSS 來設定 HTML 表單元素的樣式，以使其更有吸引力更易用。下面，小編為大家搜尋整理了jQueryMobile表單結構學習，希望能給大家帶來幫助!更多精彩內容請及時關注我們應屆畢業生考試網!
jQuery Mobile 表單結構
jQuery Mobile 使用 CSS 來設定 HTML 表單元素的樣式，以使其更有吸引力更易用。
在 jQuery Mobile 中，您可以使用以下表單控制元件：
文字框
搜尋框
單選框
複選框
選擇選單
滑動條
翻轉切換開關
當您與 jQuery Mobile 表單打交道時，應該瞭解以下資訊：
元素必須設定 method 和 action 屬性
每個表單元素必須設定唯一的' "id" 屬性。該 id 在站點的頁面中必須是唯一的。這是因為 jQuery Mobile 的單頁面導航模型允許許多不同的“頁面”同時呈現。
每個表單元素必須有一個標記(label)。請設定 label 的 for 屬性來匹配元素的 id。
例項
method="post" action="">
for="fname">First name:
id="fname">
親自試一試
如需隱藏 label，請使用類 ui-hidden-accessible。這很常用，當您需要元素的 placeholder 屬性充當 label 時：
例項
class="ui-hidden-accessible">姓名：
親自試一試域容器
如果需要 label 和表單元素在寬螢幕上顯示正常，請用帶有 data-role="fieldcontain" 屬性的
或元素來包裝 label 或表單元素：
例項
First name:
Last name:
親自試一試
提示：fieldcontain 屬性基於頁面寬度來設定 label 和表單控制元件的樣式。當頁面寬度大於 480px 時，它會自動將 label 與表單控制元件放置於同一行。當小於 480px 時，label 會被放置於表單元素之上。
提示：如需避免 jQuery Mobile 自動為可點選元素設定樣式，請使用 data-role="none" 屬性：
例項
First name:
data-role="none">
親自試一試
在 jQuery Mobile 中提交表單
提示：jQuery Mobile 會自動通過 AJAX 進行表單提交，並會嘗試將服務器響應整合入應用程式的 DOM 中。
