Jquery 用于移动设备的HTML5表单元素和样式

我没有在我的移动网站上使用jQuery mobile，但是我非常喜欢使用的一些表单元素

我正在努力寻找如何创建以下表单元素：-

翻转开关

复选框和单选按钮类似jQuery mobile样式

从图像中选择下拉框

标记为“字体样式”和“布局视图”的项目

以下是我需要重新创建的示例：

我知道它使用HTML5，但我不知道如何在不使用jQuery Mobile的情况下复制上面链接上的项目

---

谢谢

使用jquery对背景图像和事件进行了处理。更具体地说，在“翻转开关”的情况下，它是一个ui滑块。简而言之，您必须使用jQuery或我认为更好的zepto.js创建自己的插件或代码

Zepto是一个很好的库，为移动平台进行了精简。Zepto的动画在移动平台上尤其出色

那么从哪里开始呢？在浏览器中使用您喜爱的开发工具检查标记。F-12代表铬。查看您喜欢的每个控件创建的div、span等。注意它背后的css样式。那会让你看起来很好

从这里开始，你必须连接jQuery/Zepto等。老实说，但是如果你问如何创建这些，可能会比你真正想要投资的工作更多