Im Projekt arbeite ich gerade an Formelementen (wie <input> , <select> , <textarea> etc)
muss nicht-Standard-Look-n-feel haben.
Welche Bibliothek oder welches Plugin (jQuery) können Sie dafür empfehlen?
Ich habe einige der verfügbaren Bibliotheken durchsucht, aber keine Bibliothek gefunden, die meinen Bedürfnissen entspricht. Sie alle haben eine "echte" - "falsche" Idee, die sie verbirgt. Das Projekt enthält viele Formularelemente, die während des Betriebs erstellt und in das DOM eingefügt werden.
Die wichtigsten Anforderungen sind:
Ich kämpfe mit einer Bibliothek und habe sie fast an die Anforderungen "angepasst", aber es fehlt Dokumentation und die Lizenzierung ist unklar ob ich es ändern kann.
Vielen Dank für die Hilfe!
Mit freundlichen Grüßen.
Sie können sich vielleicht Twitter Bootstrap ansehen. Ich glaube, dass es CSS verwendet, um die meisten seiner Tricks durchzuführen, so dass Sie das Konzept einer Delegiertenkomponente (das echte / falsche Ding) nicht brauchen sollten, um ein etwas polierteres Aussehen und Gefühl zu bekommen.
Vielleicht sollten Sie sich diese ansehen (Februar 2014):
uniformjs.com - Formelemente gestalten (IE7 +, Chrome, Safari, Firefox)
github.com/emblematiq/Niceforms - Formularelement-Styling - (vielleicht?) klingt riskant wie keine Community, nur ein Commiter (IE7 +, Firefox2 +, Safari3 +, Opera9 +, Chrome0.3 +)
github.com/harvesthq/chosen und harennhq.github.io/chosen - Formularauswahl / Dropdown-Box
ivaynberg.github.io/select2 - Dropdown-Felder (IE8 +), scheint von Chosen.js (to doppelt überprüft werden)
github.com/Robdel12/DropKick und robdel12.github.io/DropKick - Formularauswahl / Dropdown-Box
github.com/gfranko/jQuery.selectBoxIt.js - Formularauswahl / Dropdown-Box
brianreavis.github.io/selectize.js oder github.com/brianreavis/selectize.js - Hybrid aus Textbox und Box - nützlich zum Taggen, Kontaktlisten, Länderauswahl und so weiter
arthurouveia.com/pretyCheckable - Formularkästchen & amp; Radio Buttons Styling (IE7 +, Chrome, Firefox, Safari und Mobile Browser)
Twitter Bootstrap könnte auch eine gute Option sein - Verwenden Sie die Customizer , um nur den Teil der Bibliothek zu laden, den Sie brauchen, lesen Sie mehr über Twitter-Bootstrap-Komponenten anpassen
Ich mag jQtransform : Sie müssen nur die jQuery-Bibliothek und das Plugin jqtransform
einbinden %Vor%und wenden Sie dann die Umwandlungen auf alle Formen an
%Vor%oder zu einer bestimmten Form
%Vor%Wenn Sie nur Ihre Eingabe formatieren möchten, wählen Sie und Textarea, Sie brauchen nicht wirklich Javascript, um das zu tun. Das ist alles problemlos mit normalen CSS möglich (ändern Sie die Grenzen, Farben, Hintergrund, abgerundete Ecken, etc ..). Nur ältere (IE) Browser können keine abgerundeten Ecken auf Ihren (Formular-) Elementen verwenden.
Wenn Sie auch das Dropdown-Element Ihres select-Elements stylen möchten, benötigen Sie möglicherweise Javascript, da dies in CSS nicht funktioniert.
Von allen vorhandenen Bibliotheken, die ich mir angesehen habe, habe ich herausgefunden, dass jqTransform am einfachsten zu handhaben ist (wie bereits erwähnt), weil es die saubersten HTML-Ersetzungen für Ihre Formularelemente liefert. Welche sind alle leicht mit CSS zu stylen.
Aber ich habe ein paar Probleme mit jqTransform. Zunächst einmal enthält es einen Fehler, der dazu führt, dass das onchance-Ereignis für ein ausgewähltes Element nicht ausgelöst wird, außerdem hat es keine Option zum Löschen / Aktualisieren. Sie werden also nicht in der Lage sein, neue Elemente in einer bereits gestylten Form zu stylen. Für beide Probleme habe ich Workarounds erstellt, damit es funktioniert. Ich habe eine Korrektur für das onchange-Ereignis gefunden (irgendwo hier auf stackoverflow) und ich habe auch eine zusätzliche Funktion geschrieben, um ein jqTransform-Element zu aktualisieren.
Aber wegen dieser Probleme und der Tatsache, dass jqTransform seit 2009 nicht aktualisiert wurde, habe ich vor etwa einem Monat beschlossen, mein eigenes jQuery-Plugin zu schreiben, um diese Funktionalität für mich zu handhaben.
Es heißt "jQuery Mighty Form Styler" und sollte mit jQuery 1.7 und höher funktionieren. An dieser Stelle wird nur das select-Element formatiert, da andere Formularelemente mit CSS formatiert werden können. Also, warum Ladezeit auf Ihre Seite mit unnötigem Javascript hinzufügen? Ich plane, Radio und Checkboxen auch hinzuzufügen, weil, sie mit nur css zu stylen, nicht so einfach ist (und nog, der in vielen Browsern arbeitet).
Es enthält bereits eine Funktion zum Aktualisieren und Zerstören, um die falschen Elemente zu entfernen oder den Inhalt der gefälschten Elemente zu aktualisieren.
Sie können es bei Ссылка bekommen, wo Sie auch die Dokumentation finden. Es ist kostenlos für jeden zu benutzen. Obwohl ich glaube, dass Sie nichts mit Javascript stylen sollten. Das sollten Sie nur mit CSS machen.
Wenn Sie sowohl für das Desktop-Web als auch für das Mobilgerät - eine reaktionsfähige Lösung - suchen, werfen Sie einen Blick auf Mobiscroll Forms .
Es wird mit 13 verschiedenen Steuerelementen ausgeliefert, von Texteingaben bis hin zu Benachrichtigungen, Benachrichtigungen und anpassbaren Schiebereglern. Sie sollten für Ihre grundlegenden Bedürfnisse und darüber hinaus abgedeckt werden.
Eine weitere Sache ist, dass die Elemente mit den integrierten Designs gestylt werden können - für iOS, Material, Windows, Web - und natürlich mit CSS darüber.
Tags und Links javascript styles jquery css forms