ホームページ > ウェブフロントエンド > jsチュートリアル > プロンプトをjsでラップする方法

プロンプトをjsでラップする方法

下次还敢
リリース: 2024-05-01 06:24:14
オリジナル
603 人が閲覧しました

JavaScript でプロンプト() メソッドを使用する場合、次の 3 つの方法で改行を実現できます。 1. 改行する位置に「\n」文字を挿入します。 2. を使用します。プロンプトテキスト内の改行文字 3 . CSS の「white-space: pre」スタイルを使用して改行を強制します。

プロンプトをjsでラップする方法

改行のために JavaScript でプロンプト() メソッドを使用する方法

prompt() JavaScript メソッドはユーザー入力を取得する方法を提供しますが、デフォルトでは入力をラップしません。

prompt() メソッドで改行をサポートするには、次のメソッドを使用できます。

  1. \n 文字を使用します。 :

    • 改行したい位置に「\n」文字を挿入します。例:
    <code>var input = prompt("请输入多行文本\n第一行:\n第二行:");</code>
    ログイン後にコピー
  2. 複数行のプロンプト テキストの使用:

    • 改行を使用して複数行を作成できます。プロンプトテキストに。例:
    <code>var input = prompt("
    请输入多行文本:
    第一行:
    第二行:");</code>
    ログイン後にコピー
  3. CSS スタイルを使用する:

    • CSS「white-space: pre」を使用できます。 style to テキストは強制的に折り返されます。例:
    <code><!DOCTYPE html>
    <html>
    <head>
      <style>
        .prompt-dialog {
          white-space: pre;
        }
      </style>
    </head>
    <body>
      <script>
        var input = prompt("请输入多行文本(使用 CSS 样式换行):");
      </script>
    </body>
    </html></code>
    ログイン後にコピー

以上がプロンプトをjsでラップする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート