HTML のテキストエリアの改行問題の概要

HTML のテキストエリアの改行問題の概要
最近、Textrea に転送したときに、データが本当に行ごとに保存できるかどうかという問題に遭遇しました。要約すると次のようになります。

問題の説明:
たとえば、「AAA BBB」などのデータを TextArea に取得し、このテキストを行単位で表示するのではなく、実際の行単位で TextArea に格納したいとします (いわゆる実際の行単位の格納とは、この TextArea のデータが別のページの Textarea に投稿されたときにも行単位で格納されることを意味します)。

解決した問題1:
最初にデータが送信されたとき、形式は AAA<BR />BBB ですが、これは改行を表示するためのものです。実際には、TextArea の行に格納されているわけではありません。別の TextArea に送信されたときに、改行ではなく AAABBB と表示されるためです。したがって、行に格納されているようにのみ表示されます。

質問の基本:
HTML の改行は <BR /> ですが、TextArea の改行は /n です。

問題解決2:
まずデータを送信し、Javascriptを使用して<BR />と/nを置き換えます。送信時には、<BR />は区切り文字として使用されます。送信後、

コードをコピー
コードは次のとおりです。

<スクリプト>
// 改行と復帰
var haha​​=document.getElementById("SendTextArea").value;
haha=haha.replace('
','/n');
document.getElementById("SendTextArea").value=ははは;
</スクリプト>

それでおしまい!

<<:  ヘッダーのチェックボックスをテキスト実装コードに変更するための選択テーブルを持つ要素

>>:  バックエンドから返される 100,000 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

推薦する

XHTML チュートリアル: Transitional と Strict の違い

実際、XHTML 1.0 は、Transitional DOCTYPE と Strict DOCTY...

TypescriptとAxiosに基づくインターフェースリクエスト管理の詳細な説明

目次アイデア傍受を要求するレスポンスインターセプションhttpClient.tsを使用してリクエスト...

MySQL 日付処理関数の例の分析

この記事は主にMySQLの日付処理関数のサンプル分析を紹介します。この記事ではサンプルコードを詳細に...

自己終了XHTMLタグを書くときに注意すべきこと

XHTML の img タグはいわゆる自己終了タグであり、XML では完全に合法です。 XHTMLの...

CSS マルチレベルメニュー実装コード

これは、Web ページを Windows のスタート メニューなどのデスクトップ プログラムのように...

CSS で順序付きリスト項目と順序なしリスト項目のスタイルを設定する方法

順序なしリストでは、順序なしリストのシンボルは各リストの前に表示されるドットです。順序付きリスト o...

便利なモバイルスクロールプラグイン BetterScroll

目次スクロールをスムーズにするBetterScrollのスクロール体験慣性ローリングエッジリバウンド...

jQuery は、画像を切り替えるための左ボタンと右ボタンのクリックを実装します。

この記事では、左ボタンと右ボタンをクリックすることで画像を切り替えるjQueryの具体的なコードを例...

Vue 父子価値移転、兄弟価値移転、子父価値移転の詳細な説明

目次1. 親コンポーネントが子コンポーネントに値を渡す1. 親コンポーネント.vue 2. サブコン...

Vue-Jest自動テストの基本構成の詳しい説明

目次インストール構成よくある間違い事前テスト作業依存関係の扱いインスタンスとDOMを生成する要約する...

DockerでJavaプログラムを起動する方法

シンプルなSpring Boot Webプロジェクトを作成するアイデア ツールを使用して、Sprin...

MySQL で UTF-8 エンコーディングを使用しないのはなぜですか?

MySQL UTF-8 エンコーディングMySQL は 2003 年のバージョン 4.1 から U...

mysql8.0.14.zip のインストール中にデータ フォルダを自動的に作成できませんでした。サービスを開始できません。

今日システムを再インストールした後、コンピューターに mysql を再インストールし、ZIP ファイ...

MySQL の null 可能フィールドは NULL に設定する必要がありますか、それとも NOT NULL に設定する必要がありますか?

MySQL を頻繁に使用する人は、次のような状況に遭遇する可能性があります。 1. フィールド タ...

jsはショッピングカートの加算と減算、価格計算機能を実現します

この記事では、ショッピングカートの増減と価格計算を実現するためのjsの具体的なコードを紹介します。具...