Kategorien
Boilerplates & andere Tools Inspiration Programmierung

20 Codeschnipsel für moderne Kontaktformulare

Ein paar benannte Textfelder und ein deutlicher Call-to-Action am Ende – genau so sieht ein gewöhnliches Kontaktformular aus. Na ja, das kann ja kein Problem sein. Macht man mit links. Freu dich nicht zu früh, es gibt einige Stolperfallen. Soll dein Feedback-Formular responsiv, angetrieben durch Bootstrap oder komplett benutzerdefiniert sein? Du wirst auf jeden Fall mit CSS-Styles, JavaScript-Bibliotheken und modernen HTML-Funktionen rumspielen, um das perfekte Formular zu erstellen.

Anzeige

feedback-1213042_640
Glücklicherweise gibt es eine Reihe von guten und verlässlichen vordefinierten Lösungen im Internet, die dir einen Teil der Arbeit abnehmen oder zumindest einen perfekten Start bereiten können. So sparst du viel Zeit. Heute haben wir 20 Codepens versammelt, die klare, elegante und problemlose Kontaktformulare enthalten. Einige von ihnen können und müssen schnell oder auch umfangreich angepasst werden, während andere mit ihren speziellen Layouts oder begleitenden Effekten ihren Platz in deinen Projekten auch ohne größere Änderungen finden können.

E-Formular aus deutscher Herstellung

Schön dezentes, DSGVO konformes kostenloses Formular
Erstellt von: Michael Knothe, kontaktformular.com

Fullscreen Form Interface

Full-screen contact form

Erstellt von: Mary Lou

Responsives Kontaktformular mit Karte

contact form with map

Anzeige

Erstellt von: Lentie Ward

Responsives Kontaktformular im Material Design

responsive material design form

Erstellt von: Nikhil Krishnan

Simples Kontaktformular

clean contact form

Erstellt von: nick haskell

Elegantes Kontaktformular

elegant contact form

Erstellt von: Mark Murray

Responsives Kontaktformular mit Bootstrap 3 und Google Maps API

responsive contact form

Erstellt von: Craig Wheeler

Sass Flip Kontaktformular

sass flip form

Erstellt von: Danny Beton

Klassisch inspiriertes Kontaktformular

vintage form

Erstellt von: David Fitas

Einfaches Flat-Kontaktformular

flat contact form

Erstellt von: Zach Saucier

Kontaktformular

envelope style form

Erstellt von: Iulian Savin

Drop-Down Kontaktformular

drop-down form

Erstellt von: Greg Sweet

Kontaktformular HTML + CSS

diagonal style form

Erstellt von: Trevor L.J.M. McIntire

Feedback-Formular

light contact form

Erstellt von: CrocoDillon

Minimalistisches Formular

minimalistic form

Erstellt von: Matheus Marsiglio

Responsives Formular im Flat Style

flat responsive form

Erstellt von: And Studio

Persönliche Website

contact form in personal website

Erstellt von: Tim Robert-Fitzgerald

Kontaktformular im Tafel-Look

blackboard form

Erstellt von: Greg Sweet

CSS only, Responsives Modalformular

responsive modal form

Erstellt von: Daryll Doyle

Kontaktformular

contact form animation

Erstellt von: Peter Kullmann

Maritimes Kontaktformular

under the sea form

Erstellt von: Geert-Jan Hendriks

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.