Heim > Web-Frontend > js-Tutorial > Hauptteil

So verpacken Sie eine Eingabeaufforderung in js

下次还敢
Freigeben: 2024-05-01 06:24:14
Original
569 Leute haben es durchsucht

Bei Verwendung der prompt()-Methode in JavaScript können Sie Zeilenumbrüche durch die folgenden drei Methoden erreichen: 1. Fügen Sie das „n“-Zeichen an der Position ein, an der Sie die Zeile umbrechen möchten. 2. Verwenden Sie das Zeilenumbruchzeichen der Eingabeaufforderungstext; 3. Verwenden Sie den CSS-Stil „white-space: pre“, um Zeilenumbrüche zu erzwingen.

So verpacken Sie eine Eingabeaufforderung in js

So verwenden Sie die prompt()-Methode in JavaScript für Zeilenumbrüche

Die prompt()-Methode in JavaScript bietet eine Möglichkeit, Benutzereingaben zu erhalten, jedoch nicht Standard: Zeilenumbruch in der Eingabe. prompt() 方法提供了一种获取用户输入的方式,但它默认不会在输入中换行。

要使 prompt()

Damit die prompt()-Methode Zeilenumbrüche unterstützt, können Sie die folgende Methode verwenden:
  1. Verwenden Sie das n-Zeichen:

    • Fügen Sie das „n“-Zeichen an der gewünschten Stelle ein ein Zeilenumbruch. Beispiel:
  2. <code>var input = prompt("请输入多行文本\n第一行:\n第二行:");</code>
    Nach dem Login kopieren
  3. Mehrzeiligen Eingabeaufforderungstext verwenden:

    • Sie können Zeilenumbrüche verwenden, um mehrere Zeilen im Eingabeaufforderungstext zu erstellen. Zum Beispiel:
  4. <code>var input = prompt("
    请输入多行文本:
    第一行:
    第二行:");</code>
    Nach dem Login kopieren
  5. Verwenden Sie den CSS-Stil:

    • Sie können den CSS-Stil „white-space: pre“ verwenden, um das Umbrechen von Text zu erzwingen. Zum Beispiel:
  6. <code><!DOCTYPE html>
    <html>
    <head>
      <style>
        .prompt-dialog {
          white-space: pre;
        }
      </style>
    </head>
    <body>
      <script>
        var input = prompt("请输入多行文本(使用 CSS 样式换行):");
      </script>
    </body>
    </html></code>
    Nach dem Login kopieren
🎜

Das obige ist der detaillierte Inhalt vonSo verpacken Sie eine Eingabeaufforderung in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage