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
js canvas implements verification code and obtains verification code function
This article example shares the specific code of ...
js date and time formatting method example
js date time format Convert the date and time to ...
jQuery solves the problem of not executing the original event after adding elements
Let's take a look at my error code first. htm...
Write a shopping mall card coupon using CSS in three steps
Today is 618, and all major shopping malls are ho...
Design of pop-up windows and floating layers in web design
In the trend of gradual transition from tradition...
Implementation steps for docker deployment of springboot and vue projects
Table of contents A. Docker deployment of springb...
Quickly master how to get started with Vuex state management in Vue3.0
Vuex is a state management pattern developed spec...
A brief discussion on the solution to the failure of starting the server installation in MySQL
If this is the first time you install MySQL on yo...
Detailed explanation of using the at command for one-time scheduled tasks in Linux
Table of contents Preface 1. Introduction to one-...
Lambda expression principles and examples
Lambda Expressions Lambda expressions, also known...
MySQL pessimistic locking and optimistic locking implementation
Table of contents Preface Actual Combat 1. No loc...
Detailed explanation of replace into example in mysql
Detailed explanation of replace into example in m...
Implementation of Node connection to MySQL query transaction processing
Table of contents Enter the topic mysql add, dele...
CSS implements a pop-up window effect with a mask layer that can be closed
Pop-up windows are often used in actual developme...
Solution to Docker's failure to release ports
Today I encountered a very strange situation. Aft...