Zeichenzahl in Formular Feldern begrenzen
Hattest du auch schon Mal den Wunsch die Zeichenzahl eines Text Input Feldes innerhalb eines #webflow Formulars zu begrenzen?
Schritt 1
Wähle das Text Input Feld im Webflow Designer aus.
Schritt 2
Wähle im Menü auf der rechten Seite den Reiter mit dem Zahnrad aus. Klicke dann bei „Custom Attributes“ auf das Plus Icon.
Schritt 3
Gib in das Feld „Name“ den Begriff „maxlength“ ein. In dem Feld darunter gibst du die Anzahl der Zeichen ein, die du zulassen möchtetst. 300 Zeichen reichen meistens aus.
Schritt 4
Publishe deine Webflow Seite und schon bist du fertig. 🎉
Schritt 5
Füge testweise einen Lorem Ipsum Text mit mehr als 300 Zeichen ein und du wirst sehen, dass nur 300 Zeichen eingegeben werden können.
Bonus Tipp
Mit dem Custom Attribute „spellcheck“ und dem Wert „false“ kannst du verhindern, dass dieses Feld vom Wörterbuch geprüft wird. Das macht zum Beispiel bei einem Namensfeld Sinn, wenn seltene Namen nicht als falsch geschrieben dargestellt werden sollen.
Über den Autor
Als erfahrener Brand Designer, Webdesigner und zertifizierter Webflow Expert betreue ich schon seit vielen Jahren Kund:innen aus verschiedensten Branchen und verhelfe ihnen durch herausragendes Design zu mehr Marktanteilen.
Weitere Beiträge
Das Beste aus deinem Projekt machen? Geht nur gemeinsam.
Mein Ziel ist es, alles für dich und dein Projekt rauszuholen. Dabei ist es mir wichtig, dass wir persönlich, offen und auf Augenhöhe kommunizieren. Also lass uns doch einfach mal kennenlernen und sehen, ob die Chemie stimmt.