HTML erklärt #15.3 Mehrzeilige Textfelder

geschrieben von Felix Beuster am 18.04.2012

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

Mehr aus HTML erklärt

HTML erklärt #10 Breiten und Höhen

Hier klicken, um das Video zu sehen. Hier wird euch gezeigt, wie ihr Absätze (oder jedes andere Element) in der Breite oder Höhe verändern könnt. Neue Attribute in diesem Teil: width, heightHier klicken, um den Quellcode zu sehen....

HTML erklärt #16 Sprungmarken und Anker

Hier klicken, um das Video zu sehen. Im heutigen Teil von HTML erklärt geht es um interne Links und Sprungmarken. Es bietet sich daher an, vorher bereits Teil 5 gesehen zu haben. Hier klicken, um den Quellcode zu sehen....

HTML erklärt #15.2 Input - Spezielle Eingaben

Hier klicken, um das Video zu sehen. Der Input tag bietet eine ganze Reihe an semantischen Unterschieden und eine ebenso lange Reihe an verschiedenen Unterstzüzungen der Brwoser. Ich zeige euch heute mal, welche Typen es alles...

HTML erklärt #9 Doctype und Meta-Daten

Hier klicken, um das Video zu sehen. In diesem Video geht es um die verschiedenen Dokumenttypen und auch kurz um Meta-Angaben in einer HTML-Seite. Neue Tags in diesem Teil: doctype, meta Link zu w3.org:...

< Zurück zu HTML erklärt

Kommentare

Bisher keine Kommentare.

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

< Zurück zu HTML erklärt

Ein parr mehr Artikel

USA Westcoast Roadtrip Timelapse Sommer 2015

Im Frühsommer 2015 zog es mich an die Westküste der USA. Wenn man schon mal in dem Land ist, muss man das ja nutzen. Und was bietet sich bei nur wenigen Tagen Urlaub am besten an, um möglichst viel zu sehen? Na klar, ein Roadtrip. In neun Tagen ging...

Halbes Jahrezehnt, 5 Jahre beuster{se}, Rückblick 2014

Wieder ist ein Jahr vergangen, mir kommt es fast vor, als hätte ich erst gestern das Video zum 4-Jaehrigen Geburtstag online gestellt. Nun sind es 5 Jahre. 5 Jahre in denen mich der Blog begleitet hat, ich ihn vom Grunde auf entwickelt habe und mich das...

Finale Wochen der Bachelorarbeit - Briefe von Felix

Hier klicken, um das Video zu sehen. In den letzten Wochen war dann noch alles ein wenig stressig und kaum Zeit für Videos. Das lag schlicht an der Endphase meine Bachelorarbeit, die nun endlich fertig ist. Ihr seht ein wenig...

Fazit zur Google Maps Pokémon Challenge

Google hat zum 01. April 2014 wieder ein gutes Bündel an Scherzen ausgepackt. Wobei ich diese im Gegensatz zu einigen Mecker-Köpfen gar nicht als schlechte, offensichtliche Scherze auffasse, sondern einfach als mehr oder weniger aufwendig produzierte...

< Zurück zu HTML erklärt