HTML, meine Freunde, ist wie ein guter Freund. Meistens. Aber manchmal… manchmal gibt es da so Eigenheiten. Reden wir mal über <input>-Felder. Und genauer: über size und maxlength.
Hand aufs Herz: Wer von euch benutzt noch size?
size: Das Relikt aus der Steinzeit
Ich sag's mal so: size ist wie diese Jeans, die du seit 20 Jahren im Schrank hast. Sie passt irgendwie noch, aber... irgendwie auch nicht. Man könnte sie mal ersetzen, oder? Im Webdesign-Kontext ist size dieses Attribut, das die Sichtbarkeit des Feldes bestimmt. Also wie breit das Ding im Browser aussieht. Ähnlich wie bei alten Fernsehern. Je größer der Fernseher, desto breiter das Bild. Denkt mal drüber nach.
Und jetzt kommt meine unpopuläre Meinung: size ist überbewertet. Warum? Weil wir CSS haben! Ja, genau! Das Ding, das die ganze Arbeit macht. Mit CSS können wir jedes <input>-Feld so breit oder schmal machen, wie wir wollen. Und das viel eleganter. Wer braucht da noch size?
"Aber... aber...", höre ich da jemanden murmeln. "size ist doch so einfach!"
Basic Structure of a HTML Page | Figma
Einfach? Vielleicht. Aber auch unflexibel. CSS ist flexibler! CSS ist cooler! CSS kann mehr! Seid mutig, Leute! Lasst size los!
maxlength: Der strenge Aufpasser
Jetzt zu maxlength. Das ist der strenge Aufpasser im <input>-Feld. Er sagt: "Halt! Nicht mehr als X Zeichen!" Stell dir vor, Angela Merkel würde dir sagen, was du tippen darfst.
What is Html and use cases of Html? - DevOpsSchool.com
maxlength ist nützlich, keine Frage. Besonders, wenn man Daten in eine Datenbank stopft, die nur eine bestimmte Länge zulässt. Wer kennt es nicht: Passwortfelder, Kommentarfelder, Bestellnummern… Überall lauert die Gefahr, die Datenbank zu sprengen. maxlength verhindert das Schlimmste.
Aber auch hier: Es gibt Fälle, in denen maxlength nervt. Stell dir vor, du schreibst eine epische Liebeserklärung. Und dann… BÄM! maxlength! Die Romantik ist dahin. Die Datenbank hat gewonnen. Und deine Liebste/dein Liebster bekommt nur die Hälfte mit.
Meine nächste unpopuläre Meinung: maxlength sollte optional sein. Wirklich optional. Nicht nur optional im Sinne von "man kann es weglassen", sondern optional im Sinne von "der Browser ignoriert es, wenn man es weglässt". Lasst uns die Kontrolle zurückgewinnen! Lasst uns unendlich lange Liebeserklärungen schreiben!
HTML-Tabellen: Grundlagen und Beispiel - IONOS AT
Okay, vielleicht nicht unendlich lang. Aber zumindest länger als 255 Zeichen. Was ist das überhaupt für eine Zahl? 255? Klingt nach einem alten Computervirus.
Das Fazit: Freiheit für die <input>-Felder!
Versteht mich nicht falsch. Ich liebe <input>-Felder. Sie sind die Tür zu unserer digitalen Welt. Aber ich finde, wir sollten sie nicht unnötig einschränken. Gebt den Feldern Raum zum Atmen! Lasst sie wachsen! Lasst sie… nun ja… Daten empfangen!
What Is HTML? Hypertext Markup Language Basics for Beginners
Und noch eine kleine Anekdote zum Schluss: Ich habe mal versucht, eine E-Mail-Adresse in ein Feld einzutippen, das ein maxlength von 20 hatte. Das war… frustrierend. Sehr frustrierend. Der Name des Webseitendesigners, der das gemacht hat, ist mir bis heute im Gedächtnis geblieben: Horst-Günther. Und glaubt mir, er war kein Freund langer E-Mail-Adressen.
Also, liebe Webentwickler da draußen: Denkt zweimal nach, bevor ihr size und maxlength einsetzt. Vielleicht gibt es eine bessere Lösung. Vielleicht… gibt es CSS. Und vielleicht… brauchen wir einfach mehr Freiheit.
In diesem Sinne: Frohes Programmieren! Und denkt daran: Die Welt braucht längere Liebeserklärungen!