Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode

Textbereich Textbereich Breite und Höhe Breite und Höhe Automatische Anpassung Implementierungscode

Code kopieren
Der Code lautet wie folgt:

<HTML>
<KOPF>
<TITLE>Methode zur automatischen Anpassung der Breite und Höhe von Textbereichen</TITLE>
<!-- Automatische Anpassung der Control-Breite-->
<style type="text/css">
.Kommentare {
width:100%;/*Automatisch an die Breite des übergeordneten Layouts anpassen*/
Überlauf: automatisch;
Worttrennung:alles trennen;
/*Lösen Sie das Zeilenumbruchproblem im IE (verhindern Sie, dass es automatisch in einer Zeile angezeigt wird, hauptsächlich um das IE-Kompatibilitätsproblem zu lösen. Wenn in IE8 die Breite auf 100 % eingestellt ist und die Textfeldkapazität eine Zeile überschreitet,
Wenn wir auf den Textinhalt doppelklicken, wird dieser automatisch in eine einzelne Zeile geändert, sodass wir zur Steuerung des Zeilenumbruchs nur die proprietären Zeilenumbrucheigenschaften des IE (Wortumbruch oder Zeilenumbruch) verwenden können.)*/
}
</Stil>
</KOPF>

<KÖRPER>
<FORM METHOD=POST ACTION= " ">
<!-- Steuert hauptsächlich die automatische Höhenanpassung -->

<!-- Das erste ist ein normales Textfeld -->
<textarea class="comments" rows="10" cols="10"> </textarea>
<!-- Die folgenden beiden Methoden können das Problem lösen, dass sich die Zeilenhöhe des Textbereichs automatisch an die Höhe des Klasseninhalts anpasst-->
<textarea Klasse="Kommentare" Zeilen=1 Name=s1 Spalten=27 onpropertychange= "this.style.posHeight=this.scrollHeight "</textarea>

<textarea Klasse = "Kommentare" Stil = "Höhe: Ausdruck ((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px'); Überlauf: Auto;"></textarea>
</FORM>
</BODY>
</HTML>

<<:  Drei Diskussionen zum Iframe Adaptive Height Code

>>:  jQuery löst das Problem, dass das ursprüngliche Ereignis nach dem Hinzufügen von Elementen nicht ausgeführt wird

Artikel empfehlen

Detaillierter Prozess zum Erstellen von MongoDB und MySQL mit Docker-Compose

Schauen wir uns die detaillierte Methode zum Erst...

So zeigen Sie die Ausführungszeit von SQL-Anweisungen in MySQL an

Inhaltsverzeichnis 1. Erste SQL-Vorbereitung 2. M...

Eine kurze Diskussion zum Verständnis von TypeScript-Indexsignaturen

Inhaltsverzeichnis 1. Was ist eine Indexsignatur?...

MySQL-Abfrage – Erlernen grundlegender Abfrageoperationen

Vorwort MySQL ist das beliebteste relationale Dat...

JavaScript Canvas Tetris-Spiel

Tetris ist ein sehr klassisches kleines Spiel, un...

Detailliertes Beispiel für die Verwendung von useState in React

Verwendungsstatus useState fügt einer Komponente ...

CSS-Beispielcode zur Implementierung von Schiebetüren

Durch die sogenannte Sliding Door-Technologie läs...

Detaillierte Beispiele für Docker-Compose-Netzwerke

Ich habe heute mit den Netzwerkeinstellungen unte...

HTML verwendet Canvas, um die Bullet-Screen-Funktion zu implementieren

Einführung Kürzlich musste ich für einen großen A...