So ändern Sie die Länge eines Eingabetextfelds entsprechend seinem Inhalt

So ändern Sie die Länge eines Eingabetextfelds entsprechend seinem Inhalt
Erste:

Code kopieren
Der Code lautet wie folgt:

<Eingabetyp="Text" onkeydown="dieses.onkeyup();" onkeyup="diese.Größe=(diese.Wertlänge>4?diese.Wertlänge:4);" Größe="4">

Dabei definiert size="4" die Anfangsgröße. Wenn sie hier nicht definiert ist, ändern Sie die 4 in this.size=(this.value.length>4?this.value.length:4); in 20. Die Standardgröße von <input type="text"> ist 20.

zweite:
Wenn Sie das Breitenattribut im Stil definieren und möchten, dass sich seine Breite je nach Inhalt ändert, widersprechen sich die beiden Anforderungen dann nicht? Daher können Sie das Breitenattribut hier nicht im Stil definieren.

<<:  SQL-Implementierung von LeetCode (181. Angestellte verdienen mehr als Manager)

>>:  Vue + SSM realisiert den Vorschaueffekt beim Hochladen von Bildern

Artikel empfehlen

Vergleich der Verwendung von EXISTS und IN in MySQL

1. Verwendung: (1) EXISTS-Nutzung Wählen Sie a.ba...

Untersuchung und Korrektur des seltsamen Verhaltens von parseInt() in js

Hintergrund: Ich frage mich, ob Ihnen aufgefallen...

Teilen Sie 5 JS-High-Order-Funktionen

Inhaltsverzeichnis 1. Einleitung 2. Rekursion 3. ...

Mehrere gängige Methoden zum Festlegen der Ankerpositionierung in HTML

Mir sind mehrere Möglichkeiten bekannt, die Ankerp...

Der Unterschied zwischen MySQL count(1), count(*) und count(field)

Inhaltsverzeichnis 1. Erster Blick auf COUNT 2. D...

Prinzip und Anwendungsbeispiele des URL-Umschreibmechanismus von Nginx

Durch das Umschreiben der URL lässt sich die bevo...

Packetdrills prägnantes Benutzerhandbuch

1. Kompilierung und Installation von Packetdrill ...

Schreiben und Verstehen von Pfeilfunktionen und diesem in JS

Inhaltsverzeichnis Vorwort 1. So schreiben Sie Fu...

Implementierungscode der Front-End-HTML-Skin-Änderungsfunktion

50 Zeilen Code zum Ändern von 5 Hautfarben, einsc...

Beispiel einer Autorisierungsüberprüfungsmethode von Nest.js

Inhaltsverzeichnis 0x0 Einführung 0x1 RBAC-Implem...