Textarea als Eingabe fungieren lassen

Question

Wie kann ich Stil und Javascript auf ein Textarea-Feld anwenden, damit es sich wie ein Eingabe-Textfeld verhält?

Ich habe einige Eingabe-Textfelder, die ich erfassen möchte Einfügungen mit Zeilenumbruch Zeichen. Um dies zu erreichen, habe ich die Eingabe-Textfelder in Textareas umgewandelt. Es wäre jedoch schön, wenn die Textarea-Eingabe wie ein Eingabefeld aussehen und sich auch so verhalten würde.

Ich habe herausgefunden, wie ich die Größe der Textarea so anpassen kann, dass sie wie eine Eingabe aussieht, aber es gibt noch andere feine Unterschiede, die ich noch nicht alle erfasst habe. Ich bin auf der Suche nach einer Bibliothek oder umfassende Möglichkeit, Textarea handeln wie Textfeld haben.

Dankeschön

---

アップデート

Ich werde die Textfelder in Ruhe lassen. Es stellt sich heraus, ich kann nur eine versteckte Textarea erstellen und den Fokus auf dieses Element auf Paste-Ereignisse zu greifen mehrzeilige eingefügte Daten wechseln.

Answer 1

Bisher habe ich die Follow-Style-HTML und -CSS als nützlich empfunden.

textarea {
    overflow: hidden;
    resize: none;
}

<textarea rows=1 wrap=Off></textarea>

Answer 2

Um es wie ein Eingabefeld aussehen zu lassen, müssen Sie die length y width um die richtige Größe zu erreichen. Ansonsten sehen sich die beiden ziemlich ähnlich. Was das JavaScript angeht, so wäre es ähnlich wie das, was Sie bereits für die inputs .

Answer 3

Sie können die Daten wie folgt erfassen

$("#textarea1").val()

Answer 4

Das könnten Sie tun:

textarea{
 width: 10em;  
    height:1.2em;

}

für den Stil