40 CSS/JS-Stil und funktionale technische Verarbeitung

1- Dropdown-Auswahlfelder gestalten – Ändern Sie die Dropdown- Liste.

2- <select> Etwas Neues, Teil 1 – Mit ein wenig DOM-Skripting und etwas kreativem CSS können Sie das Aussehen Ihres Dropdown-Menüs deutlich verbessern.

3- Noch mehr Formularsteuerelemente gestalten – Dies ist die Steuerung von HTML-Formularelementen . Über CSS können verschiedene Anzeigeeffekte von Kontrollkästchenauswahlen gesteuert werden.

4- Aktivieren Sie es, wählen Sie es nicht aus. - Wenn sich in der Mehrfachauswahlbox zu viele Auswahlelemente befinden, können die Auswahlelemente gescrollt werden. Den Democode finden Sie hier: hier .

5- DropDown – xHTML/CSS/Javascript-Ersatz der klassischen Auswahlbox – Dies ist eine Demo, die die herkömmliche Dropdown-Liste ersetzt .

6- Masked Input Plugin – Dies ist eine Modifikation der jQuery-Bibliothek, um Benutzern eine einfachere Eingabe und Validierung zu ermöglichen. Der Code wurde auf Internet Explorer 6/7, Firefox 1.5/2, Safari und Opera getestet.

7- Benutzerdefiniertes Kontrollkästchen mit jQuery – Bietet einen benutzerdefinierten Kontrollkästcheneffekt. Es stehen zwei Skins zur Auswahl: Safari-Skin und Standard-Skin.

8- LiveValidation – LiveValidation ist eine kleine Open-Source-JavaScript-Bibliothek, die eine clientseitige Eingabevalidierung ermöglicht.

9- FancyForm – FancyForm ist ein leistungsstarkes Skript zum Ersetzen von Kontrollkästchen, das maximale Flexibilität in Bezug auf Aussehen und Funktionalität bietet.

10- Stilisierung deaktivierter Texteingaben – Ein Texteingabefeld, in das nichts eingegeben werden kann . Siehe Demo-Code: Deaktivierte Formularsteuerelemente mit CSS formatieren

11- PrettyCheckboxes – Ein einfaches jQuery-Plugin zum Anpassen des Erscheinungsbilds von Kontrollkästchen und Optionsfeldern.

12- Erstellen besserer Webformulare: Kontexthervorhebung mit jQuery – Wenn sich der Fokus der Benutzereingabe ändert, ändert sich der Effekt des Eingabefelds. Den Democode finden Sie hier: hier

13- Control.SelectMultiple Dies ist ein Beispiel für die gleichzeitige Verwendung einer Dropdown-Liste und eines Kontrollkästchens, sehr cool.

14- Elemente mit jQuery und CSS ausrichten – Erstellen Sie ein Formular, in dem die Elemente präzise positioniert und ausgerichtet werden müssen . Mit jQuery können Sie dies ganz einfach erledigen.

15- jQuery Form Input Example Plugin – Ein jQuery-Plugin, das den Eingabetext verschwinden lässt, nachdem der Benutzer den Fokus gesetzt hat. Viele Websites verwenden diesen Trick. Den Democode finden Sie hier: hier .

16- Jquery-Autotab – Automatischer Tab-Sprung, ebenfalls ein jQuery-Plug-in.

17- jquery-asmselect – Eine erweiterte Version der Dropdown-Liste. Der Democode ist hier und hier verfügbar.

18- jQuery.AddToList – Ein sehr anpassbares jQuery-Plugin, das nach unten zieht, um mehr Inhalt anzuzeigen. Fügen Sie Inhalt über AJAX hinzu. Wenn der Inhalt erfolgreich hinzugefügt wurde, wird er zu einer der Optionen im Dropdown-Menü. Sehr nützliche Technik. Den Democode finden Sie hier: hier .

19 – Einfache Mehrfachauswahlübertragung mit jQuery – Ein perfektes Beispiel für eine jQuery-Menüauswahl .

20- fValidator – fValidator ist ein kostenloses Open-Source-JavaScript-Tool, das eine einfache Formularvalidierung ermöglicht. Beispiele finden Sie hier: Beispiele .

21- Textbereich vergrößern – Bietet die Möglichkeit, die Größe des Textbereichsfelds neu zu definieren.

22- jQuery-Selectbox-Ersatz – Ein jQuery-Plugin, das eine bessere Schnittstelle zum Ersetzen von HTML-Dropdown-Listen bietet. Den Democode finden Sie hier: hier .

23- Unaufdringliche Schiebereglersteuerung V2 – Schiebereglerposition durch Werteingabe , Farbänderung usw. Ein Demobeispiel finden Sie hier: hier .

24- jQuery-Feld-Plug-in – jQuery-Plug-in, das leistungsstarke Formularsteuerungsfunktionen wie Datei-Upload-Typ usw. bereitstellt.

25- jquery.combobox – jquery.combobox ist ein nützliches Tool zum Erstellen von Comboboxen im HTML-Stil. Den Democode finden Sie hier: hier .

26 – Kontrollkästchen, Optionsfelder, Auswahllisten, benutzerdefinierte HTML-Formularelemente – Dieses JavaScript und CSS bietet anpassbare Bilder als Hintergründe für Kontrollkästchen, Optionsfelder und Auswahllisten.

27 – Beispiel für das Plug-in ToggleFormText – ToggleFormText ist ein jQuery-Plug-in, das Hilfetexte für Eingabefelder anzeigt.

28 – Kennwortfeld mit Stärkemesser – Extjs-Bibliothek, die die Kennwortstärke anzeigt .

29 – STYLING VON DATEIGEBNISSEN MIT CSS UND DEM DOM – Schönes Design des Dateieingabefelds .

30- Pin-Plugin für Prototype, Feldwerte merken – Das Pin-Plugin für Prototype bietet die Funktion, den Wert eines Eingabefeldes aufzuzeichnen . Democode: hier .

31 – zugängliche, JavaScript-erweiterte, CSS-fähige Formularelemente für Mootools – Ein benutzerdefiniertes Element der JavaScript-Klasse von Mootools, mit dem Sie Ihre Kontrollkästchen und Optionsfelder über CSS anpassen können.

32- Größe veränderbare Textfelder – Definieren Sie die Größe des Texteingabefelds neu.

33- Größe veränderbare Textfelder – Ersetzen Sie Schaltflächen durch Bilder, geschrieben in JavaScript und jQuery. Demo hier .

34- jQuery AlphaNumeric – jQuery AlphaNumeric ist ein JavaScript-Steuer-Plugin, das die Länge der in Textfelder oder Textbereiche eingegebenen Zeichen begrenzt.

35 – Hinweise zum Mootools-Formular – Das Mootools-/Javascript-Formular bietet Online-Hilfe für Eingabefelder.

36- MultiSelect – Dropdown-Auswahlfeld + Kontrollkästcheneffekt. Ein Beispiel finden Sie hier .

37- Watermark Input Plugin – Dies ist ein jQuery-Plugin, das zusätzliche Informationen in einem Eingabefeld anzeigt.

38- Auswahlfeldmanipulation

39- Spinner-Steuerung

40- Autohilfe