How to make an input text box change length according to its content
|
First: Copy code The code is as follows:<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4"> Among them, size="4" defines the initial size. If it is not defined here, change the 4 in this.size=(this.value.length>4?this.value.length:4); to 20. The default size of <input type="text"> is 20. second: If you define the width attribute in style, and want its width to change according to the content, aren't the two requirements contradictory? So here you can't define the width attribute in style. |
<<: SQL implementation of LeetCode (181. Employees earn more than managers)
>>: Vue+SSM realizes the preview effect of picture upload
Recommend
Detailed explanation of data sharing between Vue components
Table of contents 1. In project development, the ...
A brief analysis of the game kimono memo problem
Today, after the game was restarted, I found that...
Analysis of common basic operations of MySQL database [create, view, modify and delete database]
This article uses examples to describe common bas...
Three properties of javascript objects
Table of contents 1. writable: writable 2. enumer...
Practice of realizing Echarts chart width and height adaptation in Vue
Table of contents 1. Install and import 2. Define...
How to submit the value of a disabled form field in a form Example code
If a form field in a form is set to disabled, the ...
Linux kernel device driver proc file system notes
/***************** * proc file system************...
After Webpack-cli is successfully installed, check the webpack -v error case for details
Table of contents question 1. Install webpack web...
A brief discussion on VUE uni-app conditional coding and page layout
Table of contents Conditional compilation Page La...
Linux Disk Quota Management Graphical Example
Disk quota is the storage limit of a specified di...
Compatibility with the inline-block property
<br />A year ago, there were no articles abo...
Deploy Varnish cache proxy server based on Centos7
1. Varnish Overview 1. Introduction to Varnish Va...
【HTML element】Detailed explanation of tag text
1. Use basic text elements to mark up content Fir...
Use the njs module to introduce js scripts in nginx configuration
Table of contents Preface 1. Install NJS module M...
Tomcat components illustrate the architectural evolution of a web server
1. Who is tomcat? 2. What can tomcat do? Tomcat i...