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
Praktische Hinweise zur Installation von Jenkins mit Docker-Compose
Erstellen Sie ein Verzeichnis cd /usr/local/docke...
Hallo – Erfahrungsaustausch zum Entwurf von Dialogfeldern
„Was ist los?“ Sofern Sie nicht an bestimmte Arten...
So zeichnen Sie in CocosCreator ein cooles Radardiagramm
Inhaltsverzeichnis Vorwort Vorschau Text Grafikko...
Zusammenfassung von drei Möglichkeiten zum Implementieren von Rankings in MySQL ohne Verwendung von „order by“
Übernahme des Geschäfts: Sehen Sie sich die Gehal...
Web 2.0: Ursachen und Lösungen der Informationsüberflutung
<br />Informationsduplikation, Informationsü...
Preistabelle mit CSS3 implementiert
Ergebnis: Implementierungscode html <div id=&q...
Dockers flexible Implementierung zum Aufbau einer PHP-Umgebung
Verwenden Sie Docker, um eine flexible Online-PHP...
Linux-Betrieb und -Wartung – Tutorial zur grundlegenden Datenträgerverwaltung
1. Festplattenpartition: 2. fdisk-Partition Wenn ...
Detaillierte Erläuterung des Funktionsprinzips und der Verwendung des Docker-Image-Submission-Befehls Commit
Nachdem Sie einen Container lokal erstellt haben,...
Detaillierte Erläuterung der neuen relationalen Datenbankfunktionen in MySQL 8.0
Vorwort Die neueste Version von MySQL 8.0 ist 8.0...
Reacts Methode zur Realisierung einer sekundären Verknüpfung
In diesem Artikel wird der spezifische Code von R...
Beispiel für die Verwendung von JS zur nativen Implementierung des Jahreskarussell-Auswahleffekts
Vorwort Verwenden Sie js, um einen Jahresrotation...
HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (5)
Verwandte Artikel: Anfänger lernen einige HTML-Ta...
Detaillierte Erklärung der Vue-Ereignisbehandlung und Ereignismodifikatoren
<div id="Wurzel"> <h2>Mach ...
Verwenden Sie IISMonitor, um Webseiten zu überwachen und IIS automatisch neu zu starten
Inhaltsverzeichnis 1. Tool-Einführung 2. Arbeitsa...