< Zurück zu HTML erklärt

HTML erklärt #15.3 Mehrzeilige Textfelder

geschrieben von Felix Beuster am

Dein Browser ist zu klein für den eingebetteten Player. Du kannst das Video hier auf YouTube ansehen.

Setzen wir die Formular-Videoreihe fort und schauen uns heute mal mehrzeilige Eingabefelder an.
Das Video baut auf HTML erklärt #15.1 und #15.2 auf, Links dazu sowie allen anderen HTML-Videos gibt es oben in der Liste.
1
<!DOCTYPE html>
2
<html>
3
 <head>
4
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
5
  <title>Formulare 1.2 Tut</title>
6
  <style>
7
   body {
8
    background: #efefef;
9
    font-family: Calibri;}
10
   legend {
11
    font-size: 1.1em;
12
    font-weight: bold;}
13
   input,
14
   textarea {
15
    margin-bottom: 1em;}
16
   textarea {
17
    resize: none;}
18
  </style>
19
 </head>
20
 <body>
21
  <form method="post" action="script.php">
22
   <fieldset>
23
    <legend>Schick uns eine Nachricht!</legend>
24
    <label>
25
     Name:<br>
26
     <input type="text" name="yourName">
27
    </label>
28
    <br>
29
    <label>
30
     Nachricht:<br>
31
     <textarea name="yourText" cols="50" rows="15"></textarea>
32
    </label>
33
    <br>
34
    <input type="submit" name="yourFormName">
35
   </fieldset>
36
  </form>
37
 </body>
38
</html>
39

< Zurück zu HTML erklärt

< Zurück zu HTML erklärt

Kommentare

Bisher keine Kommentare.
Schreib etwas neues

Noch 1500 Zeichen übrig.

Mit * makierte Felder sind Pflichtfelder. Mit dem Absenden des Formulars eklären Sie sich mit den Datenschutzerklärung einverstanden.

Bitt warte 20 Sekunden, bevor du das Formular abschicken kannst.

< Zurück zu HTML erklärt < Zurück zu HTML erklärt