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

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

王林
リリース: 2023-09-04 11:05:06
転載
2364 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート