- jQuery Mobile 教程
- jQuery Mobile - 首頁
- jQuery Mobile - 概述
- jQuery Mobile - 設定
- jQuery Mobile - 頁面
- jQuery Mobile - 圖示
- jQuery Mobile - 過渡效果
- jQuery Mobile - 佈局
- jQuery Mobile - 小元件
- jQuery Mobile - 事件
- jQuery Mobile - 表單
- jQuery Mobile - 主題
- jQuery Mobile - CSS 類
- jQuery Mobile - 資料屬性
- jQuery Mobile 有用資源
- jQuery Mobile - 面試題
- jQuery Mobile - 快速指南
- jQuery Mobile - 有用資源
- jQuery Mobile - 討論
jQuery Mobile - 單選按鈕小元件
當在眾多選項中只需要選擇一個選項時，將使用單選按鈕。它們也使用 <input> 標記建立，但 type 屬性設定為 radio。
下表詳細演示了單選按鈕的型別。
| 序號 | 型別和說明 |
|---|---|
| 1 | 基本標記
可以使用帶有 type = "radio" 屬性和相應標籤的 <input> 元素建立單選按鈕。 |
| 2 | 迷你大小
在 fieldset 元素中，包括屬性 data-mini = "true" 以建立迷你版本。 |
| 3 | 垂直組
預設情況下，單選按鈕垂直設定。 |
| 4 | 水平組
透過將 data-type = "horizontal" 包含到 fieldset 中，可以將單選按鈕水平設定。 |
| 5 | 圖示位置
可以使用屬性 data-iconpos = "right" 將單選按鈕圖示位置設定為 fieldset 的右側。 |
| 6 | 主題
透過屬性 data-theme 將主題設定為單選按鈕。 |
| 7 | 停用
在輸入中設定屬性 disabled = "disabled" 以停用單選按鈕。 |
| 8 | 增強
使用 data-enhanced = "true" 將單選按鈕增強到輸入欄位中。 |
jquery_mobile_widgets.htm
廣告