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

Question

我不使用jQuery手机为我的移动网站，但我真的喜欢一些形式元素使用。

我很难找到如何创建以下表单元素：

1. 翻转开关
2. 复选框和单选按钮，如jQuery移动样式
3. 从图像中下拉框
4. 标有“字体样式”和“布局视图”的项目

下面是我需要重新创建的示例：http://jquerymobile.com/demos/1.1.1/docs/forms/forms-all-mini.html

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

谢谢

Answer 1

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

Zepto是一个很好的库，适合移动平台使用。特别是Zepto的动画在移动平台上很不错。

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

从这里开始，您将不得不连接jQuery/Zepto等。老实说，但是如果您询问如何创建jQuery/Zepto，那么它的工作可能比您真正想要投资的还要多。