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

Beispielcode zur Implementierung eines einfachen ListViews-Effekts in HTML

HTML zum Erreichen eines einfachen ListViews-Effe...

Was ist BFC? So löschen Sie Floats mithilfe von CSS-Pseudoelementen

BFC-Konzept: Der Blockformatierungskontext ist ei...

So stellen Sie die LNMP-Architektur im Docker bereit

Umweltanforderungen: IP Hostname 192.168.1.1 Knot...

Lösen Sie das Problem der Verwendung von weniger in Vue

1. Installieren Sie weniger Abhängigkeiten: npm i...

Div adaptive Höhe füllt automatisch die verbleibende Höhe

Szenario 1: HTML: <div Klasse="äußere&quo...

So betten Sie mithilfe von Iframe andere Webseiten in eine Webseite ein

So verwenden Sie Iframe: Code kopieren Der Code l...

Detaillierte Erklärung des Synchronisierungsmodifikators von Vue

Inhaltsverzeichnis 1. Anweisungen 2. Modifikatore...

Beim Bereitstellen von rabbitmq mit Docker sind zwei Probleme aufgetreten

1. Hintergrund Die folgenden zwei Probleme treten...

XHTML-Einführungstutorial: Textformatierung und Sonderzeichen

<br />Dieser Abschnitt stellt die Implementi...

Natives JS zur Realisierung eines springenden Balls

Aus einer Laune heraus habe ich eine Fallstudie ü...