The use of textarea in html and common problems and case analysis
|
The textarea tag is an HTML tag that we often use. It is mainly used to achieve line breaks when inputting longer texts. Here is a basic usage of it: textarea tag - represents a multi-line input field in an HTML form The textarea tag appears in pairs, starting with <textarea> and ending with </textarea> property : Common -- General properties cols -- the number of columns for a multi-line input field rows -- the number of rows for a multi-line input field accesskey -- shortcut key access method for the form disabled -- The input field cannot receive focus, cannot be selected, is displayed in gray, and has no effect in the form readonly -- The input field can be selected but cannot be modified tabindex -- input fields, traversal order using the "tab" key Use cases are as follows : Html code: Copy code The code is as follows:<form id="textareaDem" action="#" method="post"> <textarea cols="50" rows="10" id="contactus" name="contactus">Labels on one line</textarea> </form> You can copy the code to your local computer and test it. The problem is, if these two <textarea></textarea> are not on the same line, for example, the effect will be different if they are written in separate lines. Copy code The code is as follows:<form id="textareaDemo" action="#" method="post"> <textarea> This is the textarea tag is not on a line by line, the effect will be different </textarea> </form> You will find that the first code is displayed left-aligned, while the next one is displayed in the center. Therefore, when using textarea, you must pay attention that the text in the textarea tag is relative to the textarea. The textarea is equivalent to providing an editing area, which starts immediately after the textarea, that is, what you see is what you get. As long as these two tags are not in the same line, the space before </textarea> will also be recognized as blank text, and you will find that your mouse editing pointer will not flash at the beginning of the text or next to the text. So make good use of this tag so that you know where to start solving problems when you encounter them. It's a bit confusing, but you should be able to understand it after a little experiment. Hehe0_* |
<<: Teach you to create custom hooks in react
>>: Incredible CSS navigation bar underline following effect
Recommend
Database SQL statement optimization
Why optimize: With the launch of the actual proje...
Detailed explanation of JavaScript Proxy object
Table of contents 1. What is Proxy? 2. How to use...
Detailed steps for debugging VUE projects in IDEA
To debug js code, you need to write debugger in t...
SQL implementation of LeetCode (197. Rising temperature)
[LeetCode] 197.Rising Temperature Given a Weather...
After installing Navicat in MySQL, 2059 appears, Authentication plugin and local link virtual machine docker, remote link server
Preface After installing MySQL and Navicat, when ...
How to find the my.ini configuration file in MySQL 5.6 under Windows
Make a note so you can come back and check it lat...
CSS achieves the effect of changing the color of the entire line when the mouse is placed on it
summary: The following is a method for changing t...
Solve the problem that Mysql5.7.17 fails to install and start under Windows
Install MySQL for the first time on your machine....
MySQL 8.0.24 version installation and configuration method graphic tutorial
This article records the installation and configu...
js tag syntax usage details
Table of contents 1. Introduction to label statem...
MySQL 5.7.21 decompression version installation and configuration graphic tutorial
This article records the detailed process of down...
Steps for Docker to build its own local image repository
1. Environment and preparation 1. Ubuntu 14.04 2....
How to make your own native JavaScript router
Table of contents Preface Introduction JavaScript...
Practical record of optimizing MySQL tables with tens of millions of data
Preface Let me explain here first. Many people on...
HTML is the central foundation for the development of WEB standards
HTML-centric front-end development is almost what ...