Text Etikett mit mehreren Reihen

Question

2 Dinge stören mich atm ...
Erstens:
Ich versuche, einen Kontaktabschnitt mit wenigen einfachen Texteingabe-Etiketten zu erstellen, von denen angezeigt mehrere Zeilen. Das wäre die "Botschaft" von c. Das Problem ist, dass ich nicht finden kann, wo und wie kann ich diese Zeilen hinzufügen und begrenzen, wie viele Spalten können in jeder Zeile getippt werden.
Zweite:
Wie kann ich sie anklickbar/editierbar machen? Wenn ich sie zur Website addiere, haben sie Platzhalter, aber ich kann nicht klicken und Text in ihnen eintragen (lassen Sie uns sagen, um ein Formular auszufüllen) ...
Der Codeausschnitt ist unten, und DANKE, dass Sie mir helfen, das zu lernen stuff ...

.kontakt { 
 
\t display: block; 
 
\t padding-top: 10px; 
 
\t padding-bottom: 15px; 
 
\t padding-left: 15px; 
 
\t padding-right: 15px; 
 
\t border: 3px solid #20202f; 
 
\t border-radius: 10px; 
 
\t position: absolute; 
 
\t top: 50px; 
 
    left: 50px; 
 
\t font-size: 24px; 
 
\t background-color: rgba(51, 52, 89, 0.85); 
 
} 
 

 
#yourname { 
 
\t font-size: 20px; 
 
\t margin-bottom: 10px; 
 
} 
 

 
#mail { 
 
\t font-size: 20px; 
 
\t margin-bottom: 10px; 
 
} 
 

 
#message { 
 
\t font-size: 20px; 
 
\t margin-bottom: 25px; 
 
} 
 

 
.messagebutton { 
 
\t width: 75px; 
 
\t height: 35px; 
 
\t font-size: 15px; 
 
\t border-radius: 5px; 
 
\t background-color: #bfbfff; 
 
\t color: black; 
 
\t margin-left: 172px; 
 
\t margin-bottom: 5px; 
 
}

\t \t <div class="kontakt"> 
 
\t \t \t <div class="nametext"> 
 
\t \t \t \t <label for="ime">your name</label> 
 
\t \t \t </div> 
 
\t \t \t <div class="namebox"> 
 
\t \t \t \t <input type="text" id="yourname" placeholder="your name"> 
 
\t \t \t </div> 
 
\t \t \t <div class="mailtext"> 
 
\t \t \t \t <label for="mail">e-mail</label> 
 
\t \t \t </div> 
 
\t \t \t <div class="mailbox"> 
 
\t \t \t \t <input type="email" id="mail" placeholder="your email"> 
 
\t \t \t </div> 
 
\t \t \t <div class="messagetext"> 
 
\t \t \t \t <label for="Message">message</label> 
 
\t \t \t </div> 
 
\t \t \t <div class="messagebox"> 
 
\t \t \t \t <input type="text" id="message" placeholder="Your message goes here"> 
 
\t \t \t </div> 
 
\t \t \t \t 
 
\t \t \t <button type="button" class="messagebutton">SEND</button> 
 
\t \t \t 
 
\t \t </div>

Answer 1

Super stuff!

Um eine mehrzeilige Nachricht zu erhalten, verwenden Sie das Textarea-Tag und nicht die Eingabe. So,

<div class="messagebox"> 
     <textarea id="message" rows="3" placeholder="Your message goes here"></textarea> 
    </div> 

Das ROWS-Attribut wird Ihre Anzahl von Zeilen erhalten, oder Sie können den Browser-Standard verwenden.

https://www.w3schools.com/tags/tag_textarea.asp

Was ist editierbar, sie sind standardmäßig - und Ihr Beispiel scheint richtig zu funktionieren.