在本文中,我们将学习如何使用jQuery Mobile Square-UI 主题插件为面向移动的应用程序设计表单控件。
先决条件:从给定的链接下载预编译所需的库文件并将其保存在您的工作文件夹中以用于以下实现。
示例 1:
HTML
Example of buttons
HTML
Example of Checkboxes
SELECT SUBJECTS
HTML
Example of Collapsible set
First Section
content for first section
Second Section
content for second section
Third Section
content for third section
HTML
HTML
Example of List
-
You can give a List Header
-
This is list item
-
This is list item with link
HTML
Example of Radio Buttons
SELECT GENDER
HTML
Example of Select dropdown
HTML
Example of Select choice
HTML
Example of Slider
输出:
示例 2:
HTML
Example of Checkboxes
SELECT SUBJECTS
输出:
示例 3:
HTML
Example of Collapsible set
First Section
content for first section
Second Section
content for second section
Third Section
content for third section
输出:
示例 4:
输出:
示例 5:
HTML
Example of List
-
You can give a List Header
-
This is list item
-
This is list item with link
输出:
示例 6:
HTML
Example of Radio Buttons
SELECT GENDER
输出:
示例 7:
HTML
Example of Select dropdown
输出:
示例 8:
HTML
Example of Select choice
输出:
示例 9:
HTML
Example of Slider
输出: