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

Zusammenfassung der Namenskonventionen für HTML und CSS

CSS-Benennungsregeln Header: Header Inhalt: Inhalt...

Detaillierte Erklärung der Listendarstellung von Vue

Inhaltsverzeichnis 1. v-for: Array-Inhalte durchl...

Zusammenfassung der zwölf Methoden der Vue-Wertübertragung

Inhaltsverzeichnis 1. Vom Vater zum Sohn 2. Vom S...

Detaillierte Erläuterung des Konzepts der Docker-Containerebenen

Inhaltsverzeichnis 01 Behälterkonsistenz 02 Konze...

Zusammenfassung einiger gängiger Techniken in der Front-End-Entwicklung

1. So zeigen Sie das Datum rechts in der Artikelti...

GZIP-Komprimierung Tomcat und Prozessdiagramm zur Verbesserung der Web-Leistung

1. Einleitung Ich habe vor Kurzem an einem Projek...

Axios storniert Anfragen und vermeidet doppelte Anfragen

Inhaltsverzeichnis Herkunft Status Quo Anfrage ab...

Analyse des Funktionsprinzips und des Implementierungsprozesses von Docker Hub

Ähnlich wie der von GitHub bereitgestellte Code-H...

Erstellen eines sekundären Menüs mit JavaScript

In diesem Artikelbeispiel wird der spezifische Ja...

Analysieren Sie die Verwendung und Prinzipien von Vues Bereitstellung und Injektion

Lassen Sie uns zunächst darüber sprechen, warum w...

Einführung in die Verwendung von CSS3-Farbwerten (RGBA) und Farbverlaufsfarben

Vor CSS3 konnten Verlaufsbilder nur als Hintergru...