Der Unterschied zwischen den Größen- und Maxlength-Attributen von Input

Ich habe kürzlich die Attribute „input size“ und „maxlength“ in einem Projekt verwendet. Früher habe ich sie einfach verwendet, ohne auf den Unterschied zwischen diesen beiden Tags zu achten. Ich habe heute auf Baidu gesucht und bin zu einem gewissen Verständnis gekommen. Speziell hier aufgenommen!

Code kopieren

Der Code lautet wie folgt:

maxlength="5", dann können in das Eingabefeld nur 5 Zeichen eingegeben werden<br/>
size="5" bedeutet, dass das Eingabefeld nur 5 sichtbare Zeichen anzeigt, Sie aber "unendlich" viele Zeichen eingeben können

Das heißt, das Größenattribut gibt die Breite des Eingabefelds an (hier werden im Textfeld Name2 nur 5 Zeichen angezeigt).
Da das Größenattribut ein visuelles Designattribut ist, sollten wir in CSS stattdessen die Breite verwenden.

CSS-Syntax: <input style="width:100px"/>

Ein Beispiel für die Verwendung von nginx zum Konfigurieren mehrerer Laravel-Projekte mit einem Domänennamen

Artikel

Der Unterschied zwischen den Größen- und Maxlength-Attributen von Input

So optimieren Sie die langsame Like-Fuzzy-Abfrage in MySQL

So setzen Sie das Root-Passwort von Mysql in Windows zurück, wenn Sie es vergessen haben

Tipps zum Mischen von OR und AND in SQL-Anweisungen

Keepalived+Nginx+Tomcat-Beispielcode zur Implementierung eines hochverfügbaren Webclusters

Ursachen und Lösungen für den MySQL-Fehler „zu viele Verbindungen“

Verwenden Sie das Ansichtsfenster im Meta-Tag, um das Bildschirm-CSS zu definieren

Ein Beispiel für die Verwendung von nginx zum Konfigurieren mehrerer Laravel-Projekte mit einem Domänennamen

Schreiben Sie ein React-ähnliches Framework von Grund auf

Analyse des Ausschnitts des Hintergrundbildes des Neunerrasters mit adaptiver Breite und Höhe

So verwenden Sie Standardwerte für Variablen in SASS

Artikel empfehlen

Reines HTML und CSS, um den JD-Karusselleffekt zu erzielen

Detaillierte Erläuterung des Organisationsstrukturdiagramms der Vue-Tree-Color-Komponente

Implementierung des Vue-Top-Tags-Browserverlaufs

Detaillierte Erläuterung der Vuex-Persistenz in der praktischen Anwendung von Vue

Schritte und Methoden zur Bindung von Domänennamen und IPs in der Alibaba Cloud

Beispiel für die Verwendung von CSS3 zum Erstellen eines animierten Pikachu-Hintergrundbilds

Beispielanalyse der Verwendung gespeicherter MySQL-Prozeduren

Implementierung interaktiver Daten zwischen QT und Javascript

Vue-Handschrift-Ladeanimationsprojekt

Vue implementiert Beispielcode, um die Funktion zum Speichern von Passwörtern im Browser zu deaktivieren

5 Möglichkeiten, Docker-Container auf andere Server zu migrieren

Verwenden Sie Visual Studio Code, um eine Verbindung zur MySql-Datenbank herzustellen und Abfragen durchzuführen

Detaillierte Erläuterung der Idee der verteilten Sperre in MySQL mit Hilfe von DB

Lösung für das Problem einer großen Anzahl von php-cgi.exe-Prozessen auf dem Server, die dazu führen, dass die CPU 100 % belegt

So verwenden Sie Anti-Shake und Throttling in Vue