Textarea text area width and height width and height automatic adaptation implementation code

Copy code

The code is as follows:

<HTML>
<HEAD>
<TITLE>Textarea width and height automatic adaptation processing method</TITLE>

<style type="text/css">
.comments {
width:100%;/*Automatically adapt to the width of the parent layout*/
overflow:auto;
word-break:break-all;
/*Solve the line break problem in IE (prevent it from being automatically displayed in one line, mainly to solve the IE compatibility problem. In IE8, when the width is set to 100%, if the text field capacity exceeds one line,
When we double-click the text content, it will automatically change to a single line, so we can only use IE's proprietary line break properties "word-break or word-wrap" to control its line break)*/
}
</style>
</HEAD>

<BODY>
<FORM METHOD=POST ACTION= " ">



<textarea class="comments" rows="10" cols="10"> </textarea>

<textarea class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>

<textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>
</FORM>
</BODY>
</HTML>

<<: Three Discussions on Iframe Adaptive Height Code

>>: jQuery solves the problem of not executing the original event after adding elements

How to generate Vue user interface by dragging and dropping

Textarea text area width and height width and height automatic adaptation implementation code

How to generate Vue user interface by dragging and dropping

Detailed explanation of MySQL to obtain statistical data for each day and each hour of a certain period of time

Avoiding Problems Caused by Closures in JavaScript

Analysis on the problem of data loss caused by forced refresh of vuex

Use CSS to implement special logos or graphics

The solution of html2canvas that pictures cannot be captured normally

Summary of MySQL 8.0 Online DDL Quick Column Addition

HTML Nine-grid Layout Implementation Method

Detailed explanation of the correct way to open em in CSS

Prevent HTML and JSP pages from being cached and re-fetched from the web server

Recommend

Before making a web page, let’s take a look at these so-called specifications

Linux beginners in virtual machines configure IP and restart the network

MySQL DML language operation example

Bugs encountered when using mybatis-generator with mysql8.0.3 in IDEA

Example of automatic import method of vue3.0 common components

What are the benefits of using B+ tree as index structure in MySQL?

How to modify the firewall on a Linux server to allow remote access to the port

HTML Code Writing Guide

Details of using Vue slot

Web Design Experience: Efficiently Writing Web Code

Element sample code to implement dynamic table

MySQL enables slow query (introduction to using EXPLAIN SQL statement)

A brief discussion on the perfect adaptation solution for Vue mobile terminal

Answer the caching principle of keep-alive components from the perspective of source code

Nginx forward and reverse proxy and load balancing functions configuration code example