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
Artikel empfehlen
Prozessdiagramm für das erste Bereitstellungs-Webprojekt von Tomcat
Legen Sie Ihr eigenes Webprojekt im Verzeichnis w...
Einfaches Beispiel für die Verwendung eines Docker-Containers
Inhaltsverzeichnis 1. Ziehen Sie das Bild 2. Ausf...
So erstellen Sie ein php-nginx-alpine-Image von Grund auf in Docker
Obwohl ich bereits einige Projekte in einer Docke...
Detaillierte Schritte zur Installation von mysql5.7.18 auf dem Mac
1. Werkzeuge Wir benötigen jetzt zwei Tools: MySQ...
Detaillierte Erklärung des Initialisierungsmechanismus in Bash
Bash-Initialisierungsdateien Interaktive Login-Sh...
WebWorker kapselt JavaScript-Sandbox-Details
Inhaltsverzeichnis 1. Szenario 2. Implementieren ...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15 unter Windows
In diesem Artikel finden Sie das grafische Tutori...
Vue implementiert unregelmäßige Screenshots
Inhaltsverzeichnis Bilderfassung durch SVG CSS-Te...
MySQL 5.6.28 Installations- und Konfigurations-Tutorial unter Linux (Ubuntu)
mysql5.6.28 Installations- und Konfigurationsmeth...
Verwenden Sie den Crontab-Befehl in der Linux-Umgebung, um geplante periodische Ausführungsaufgaben einzurichten [einschließlich PHP-Ausführungscode].
Dieser Artikel verwendet den Befehl crontab in de...
Lösung für die Fehlermeldung "java.sql.SQLException: Incorrect string value:'\xF0\x9F\x92\xA9\x0D\x0A...'" beim Speichern von Emoticons in MySQL
Vorwort Dieser Artikel stellt hauptsächlich die L...
Tipps zur Optimierung von MySQL SQL-Anweisungen
Wenn wir mit einer SQL-Anweisung konfrontiert wer...
Reagieren Sie mit Beispielcode zur Implementierung des Anmeldeformulars
Als Vue-Benutzer ist es an der Zeit, React zu erw...
HTML-Tabellen-Tag-Tutorial (19): Zeilen-Tag
Die Attribute des <TR>-Tags werden verwende...
Detaillierte Erläuterung der Implementierungsmethode für die Datenbank-Mehrtabellenverbindungsabfrage
Detaillierte Erläuterung der Implementierungsmeth...