HTML5移動設備的表單元素和樣式

Question

我沒有爲我的移動網站使用jQuery移動設備，但是我真的很喜歡一些使用的表單元素。

我在努力尋找如何創建以下表單元素： -

1. 翻轉開關
2. 複選框，單選按鈕，如jQuery移動式的從圖像
3. 的
4. 下拉框中標記爲「字體樣式」和「版式視圖」的項目

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

我知道它使用HTML5，但我在如何複製上述鏈接上的項目沒有使用jQuery Mobile的損失。

謝謝

Answer 1

它使用jQuery完成背景圖像和事件。更具體地說，在「翻轉開關」的情況下，它是一個UI滑塊。總之，您必須使用jQuery或更好的方式創建自己的插件或代碼，在我看來zepto.js。

Zepto是一個不錯的圖書館，適合移動平臺。 Zepto的動畫特別適合移動平臺。

那麼從哪裏開始？在您的瀏覽器中使用您最喜愛的開發工具檢查標記。 F-12用於鍍鉻。看看你喜歡的每個控件創建的div，span等等。請注意它背後的CSS樣式。這會讓你看起來。

從那裏你必須連接jQuery/Zepto等。只要在這裏誠實，但如果你問如何創建這些可能比你真正想投資更多的工作。