什麼是最好的表單元素樣式庫/插件（jQuery）？

在我目前正在研究的項目中，表單元素（如<input>,<select>,<textarea>等）必須具有非標準的「外觀感覺」。什麼是最好的表單元素樣式庫/插件（jQuery）？

您可以爲此推薦哪種庫或插件（jQuery）？

我已經搜索了一些可用的庫，但沒有找到適合我需求的庫。他們都有'真實' - '假'元素的想法。該項目中有大量的表單元素被即時創建並注入到DOM中。

的主要要求是：對飛 '假' 元素/秒的

創新。
能夠爲一個節點或CSS選擇器（而不是整個頁面）應用樣式。假冒和真實元素之間的非侵入事件傳播。（假元素應該對真實元素的變化做出反應，並將發生的事件發送到相應的真實元素，如模糊，聚焦，變化，點擊。兼容IE7及更高版本。
應具有良好的文檔和靈活的公共API

我有一個圖書館，幾乎掙扎的「改編」，它的要求，但它缺乏文檔和授權不清爲我是否可以修改它。

非常感謝您的幫助！

親切的問候。

來源

2012-07-24 Juan Antonio Gomez Moriano

你可以使用CSS設計表單元素... – Purag 2012-07-24 23:43:09

你可能會看看Twitter Bootstrap。我相信它使用CSS來執行其大部分技巧，所以你不應該需要委託組件（真實/假的東西）的概念來獲得更加精美的外觀和感覺。

來源

2012-07-24 23:49:01

注意瀏覽器的支持，如果你使用引導，請參閱http://stackoverflow.com/questions/18132331/bootstrap-versions-and-browser-compatibility – 2014-03-04 12:39:19

例如，版本2.3.2似乎支持IE7 + http：// bootstrapdocs .com/v2.3.2/docs /＃關於但版本3.1.1似乎沒有被測試（或支持？）由IE瀏覽器<10 https://saucelabs.com/u/bootstrap – 2014-03-04 12:41:23

更多關於支持http：///getbootstrap.com/getting-started/#support，版本3.1.1他們說：「在Windows上，我們支持Internet Explorer 8-11」 – 2014-03-04 13:06:07

你可以看到這個！

http://twitter.github.com/bootstrap/base-css.html#forms

Bootstrap有非常實用的東西，可以幫助你！

來源

2012-07-24 23:48:59 Marcelo

當你用2秒的時間打敗我。 :) – 2012-07-24 23:49:23

jajajaj也同意！ – Marcelo 2012-07-24 23:54:13

萬一有人想知道，「útil」=有用/方便 – ajax333221 2012-07-25 01:29:26

我真的很喜歡jQtransform：你只需要包括jQuery庫和插件jqtransform

//required 
<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>

，然後應用轉換到所有形式

<script type="text/javascript"> 
$(function() { 
    //find all form with class jqtransform and apply the plugin 
    $("form").jqTransform(); 
}); 
</script>

或特定形式

<script type="text/javascript"> 
$(function() { 
    //find all form with class jqtransform and apply the plugin 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

來源

2012-12-22 15:09:34 GerardoPerrucci

如果你只是想爲你輸入風格，選擇和textarea的你並不真的需要JavaScript來做到這一點。這對於普通的css來說很簡單（改變邊框，顏色，背景，圓角等等）。只有較老的（IE）瀏覽器將無法在您的（表單）元素上使用圓角。

如果您還希望能夠爲您的select-element的下拉式樣設計風格，則可能需要javascript，因爲這在CSS中不起作用。

從我看過的所有現有庫中，我發現jqTransform最容易使用（如前所述），因爲它爲您提供了「最乾淨」的HTML替換表單元素。這些都很容易與CSS風格。

但是，我有幾個問題與jqTransform。對於初學者來說，它包含一個導致select元素上的onchance事件不會觸發的bug，也沒有destroy/refresh選項。所以你將無法對以已經風格化的形式注入的新元素進行樣式化。對於這兩個問題，我已經創建瞭解決方法使其工作。我發現了onchange事件的修復（某處在stackoverflow上），我還寫了一個額外的函數來刷新一個jqTransform元素。

但是，由於這些問題以及自2009年以來jqTransform尚未更新的事實，我決定在一個月前編寫自己的jQuery插件來爲我處理此功能。

它被稱爲'jQuery Mighty Form Styler'，它應該可以在jQuery 1.7及更高版本中正常工作。此時它只對select元素進行樣式設置，因爲其他表單元素可以用css進行樣式化。那麼，爲什麼使用不必要的JavaScript將頁面加載到頁面呢？我正在計劃添加廣播和複選框，因爲只用css來設計它們並不是那麼容易（並且在很多瀏覽器中工作）。

它已經具有刷新和銷燬功能來移除假元素或刷新假元素的內容。

你可以在http://www.binkje.nl/mfs得到它，你也可以找到它的文檔。每個人都可以免費使用。雖然我相信你不應該用javascript來設計任何東西。這是你應該只對CSS做的事情。

來源

2013-01-07 10:30:57