ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLテキストボックスに改行を追加するにはどうすればよいですか?

HTMLテキストボックスに改行を追加するにはどうすればよいですか?

王林
王林転載
2023-09-04 11:05:062333ブラウズ

HTMLテキストボックスに改行を追加するにはどうすればよいですか?

HTML テキスト領域に改行を追加するには、HTML 改行タグを使用して任意の場所に改行を挿入します。あるいは、CSS プロパティ「white-space: pre-wrap」を使用して、テキストに自動的に改行を追加することもできます。これは、フォーマット済みのテキストをテキスト領域に表示する場合に特に便利です。それでは、改行を追加する方法について説明しましょう。

###方法###

    HTML でテキスト領域を作成し、ID を割り当てます。
  • クリックするとテキスト領域のテキストが改行を使用して分割されるボタンを作成します。
  • 次に、テキストを改行に分割する関数を作成します。この関数のコードは -
  • です。

    リーリー

このメソッドの最終コードは -

です。 リーリー

この例では、JavaScript コードはまず getElementById() メソッドを使用して、ID によって textarea 要素を取得します。次に、value 属性を使用してテキスト領域からテキストを取得します。次に、Replace() メソッドを使用して、ピリオドのすべてのインスタンスを改行に置き換えます。最後に、value 属性を使用して、テキスト領域を新しいテキストで更新します。

注: 正規表現 /\./g 内の g フラグは、出現するすべてのピリオドを置換するために使用されます。これがないと、最初に出現したものだけが置換されます。

以上がHTMLテキストボックスに改行を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。