Webflow Powertip

Zeichenzahl in Formular Feldern begrenzen

Veröffentlicht am
14.6.2023
Lorenz Töpfer ist Freelancer für Webdesign, Webflow Umsetzung und Brand Design.
Lorenz Töpfer
Brand Designer, Webdesigner,
zertifizierter Webflow Expert
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.

#webflowdeveloper
#webflowexpert
#webflowdesigner
#webflowform

Gemeinsam das Beste aus deinem Projekt machen

Das ist mein höchstes Ziel. Mir ist es wichtig, dass auch die Chemie zwischen uns stimmt. Lass uns doch bei einem virtuellen Kaffee kennenlernen und über dein Projekt sprechen. Wenn du bis hier gekommen bist, möchte ich dich kennenlernen.