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 個のデータをフロントエンドでより適切に表示するにはどうすればよいですか?

推薦する

HTML での Li タグの使用例

タイトルを左に、日付を右に揃えたいのですが、日付の範囲に float:right を直接追加すると、...

MySQL の 10 進数データ型の小数点埋め込み問題の詳細な説明

序文開発プロセスでは、10 進データ型がよく使用されます。 MySQL では、小数点は正確なデータ型...

MySQL 権限制御の詳細な説明

目次mysql 権限制御権限システムテーブル変更後にMySQLの権限を有効にする方法権限の付与と取り...

入力が完了したことを検出し、次のコンテンツを自動的に入力する HTML を実装する方法

前回の記事では、入力完了の簡単な検出を実現しましたが、今回はさらに一歩進んで、入力が完了した後に次の...

vue3+ts+EsLint+Prettier 標準コード実装

目次使用EsLintの使用プロフィールを追加するPrettierの使用huskyとlint-stag...

CocosCreatorがスキル冷却効果を実装

CocosCreatorがスキルCD効果を実現多くのゲームにはスキルがあります。プレイヤーがスキルボ...

Webpack パッケージング CSS 背景画像パスの問題に対する完璧なソリューション

vue コンポーネントのスタイル タグ内には、背景画像を使用する次の CSS コードがあります。 背...

Vueは単一ファイルコンポーネントの完全なプロセス記録を実装します

目次序文単一ファイルコンポーネント基本概念シンプルなローダーコンポーネントコンテンツの解析コンポーネ...

HTML でフォーム入力やその他のテキスト ボックスを読み取り専用にして編集不可にする方法

場合によっては、フォーム内のテキスト ボックスを読み取り専用にして、ユーザーがその中の情報を変更でき...

HTML ウェブページ画像タグ

画像タグ <IMG> を挿入します。今日私たちが目にするカラフルなウェブページはすべて、...

Dockerイメージの作成とプロジェクト全体のワンクリックパッケージングとデプロイ

一般的な Dockerfile 命令の紹介命令説明するから新しいイメージが構築される基となるイメージ...

Linux ファイル/ディレクトリの権限と所有権の管理

1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...

Vue で手ぶれ補正とスロットリングを使用する方法

目次序文コンセプト安定意味使用シナリオコードVueでの使用スロットリング意味使用シナリオコードVue...

Linux tac コマンドの実装例

1. コマンドの紹介tac (cat の逆順) コマンドは、ファイルの内容を行単位で逆順に出力します...

HTML で入力ボックスに純粋な数字のみを入力するように制限する方法

inputボックスを純粋な数字のみに制限する1、onkeyup = "value=valu...