Summary of Textarea line break issues in HTML
|
Recently, I encountered a problem of whether the data can be truly stored row by row when transferred to Textrea. Here is a summary: Problem description: For example, get data into a TextArea, such as "AAA BBB", and want to store this text in the TextArea in real lines, rather than displaying it in lines (the so-called real line storage means that the data of this TextArea is still stored in lines when it is posted to the Textarea of another page) Problem Solved 1: When the data is submitted at the beginning, the format is AAA<BR />BBB, but this is to display line breaks. In fact, it is not really stored in rows in the TextArea. Because when it is submitted to another TextArea, it will display AAABBB instead of line breaks. Therefore, it is only displayed as stored in rows. Question Basics: The line break in HTML is <BR />, while the line break in TextArea is /n Problem Solved 2: Submit the data first and then use Javascript to replace <BR /> and /n. When submitting, <BR /> is still used as a separator. After submitting, Copy code The code is as follows:<script> // Line break and carriage return var haha=document.getElementById("SendTextArea").value; haha=haha.replace(' ','/n'); document.getElementById("SendTextArea").value=haha; </script> That’s it! |
<<: How can the front end better display the 100,000 pieces of data returned by the back end?
>>: 28 Famous Blog Redesign Examples
Recommend
How to display JSON data in HTML
background: Sometimes we need to display json dat...
Weird and interesting Docker commands you may not know
Intro Introduces and collects some simple and pra...
Detailed explanation of how to cleanly uninstall Docker
First, the server environment information: Reason...
How to draw a cool radar chart in CocosCreator
Table of contents Preface Preview text Graphics C...
WeChat applet to determine whether the mobile phone number is legal example code
Table of contents Scenario Effect Code Summarize ...
Common array operations in JavaScript
Table of contents 1. concat() 2. join() 3. push()...
25 advanced uses of JS array reduce that you must know
Preface Reduce is one of the new conventional arr...
Example code for implementing card waterfall layout with css3 column
This article introduces the sample code of CSS3 c...
MySQL database transaction example tutorial
Table of contents 1. What is a transaction? 2. Th...
Detailed explanation of the principle and usage of MySQL stored procedures
This article uses examples to explain the princip...
WeChat applet implements video player sending bullet screen
This article shares the specific code for WeChat ...
12 types of component communications in Vue2
Table of contents 1. props 2..sync 3.v-model 4.re...
Autotrash tool for Linux to automatically delete old junk files at a scheduled time
Autotrash is a command line program that automate...
Set IE8 to use IE7 style code
<meta http-equiv="x-ua-compatible" co...
MySQL complete collapse query regular matching detailed explanation
Overview In the previous chapter, we learned abou...