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

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:

<p>Name: <input type="text" name="vollständiger Name" maxlength="5" /></p>
<p>Name2: <Eingabetyp="Text" Name="vollständiger Name" Größe="5" /></p>

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"/>

<<:  4 Lösungen für CSS-Browserkompatibilitätsprobleme

>>:  Detaillierte Erläuterung der Vue-Projektoptimierung und -verpackung

Artikel empfehlen

Lernen Sie Node.js von Grund auf

Inhaltsverzeichnis URL-Modul 1.Parse-Methode 2. F...

Zusammenfassung der Fallstricke beim Importieren von OVA-Dateien in VMware

Quelle des Problems Wie wir alle wissen, erzeugt ...

Erfahren Sie mehr über das V-Modell und seine Modifikatoren in einem Artikel

Inhaltsverzeichnis Vorwort Modifikatoren des V-Mo...

Schritte zum Upgrade von CentOS6 auf Glibc

Inhaltsverzeichnis Hintergrund Kompilieren Sie gl...

So installieren Sie den Zookeeper-Dienst auf einem Linux-System

1. Erstellen Sie den Ordner /usr/local/services/z...

Drei Schritte zur Lösung des IE-Adressleistensymbol-Anzeigeproblems

<br />Dieses Tutorial zur Erstellung von Web...

So erstellen Sie eine Deep-Learning-Umgebung mit Python in einem Docker-Container

Überprüfen Sie die Virtualisierung im Task-Manage...

Lassen Sie uns darüber sprechen, was das URL-Objekt von JavaScript ist

Inhaltsverzeichnis Überblick Hash-Eigenschaften G...

Detaillierte Erklärung des Vue-Mixins

Inhaltsverzeichnis Lokales Mixin Globale Mixins Z...

So entfernen Sie Wagenrücklaufzeichen aus Text in Linux

Machen Sie sich keine Sorgen, wenn Sie das Wagenr...