Formulare mit HTML und CSS

Mehr Platz für Text

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Input-Felder mit type="text" sind einzeilig. Wenn die Besucher mehr Inhalte eintragen sollen, bietet sich ein textarea-Element an.

Transkript

Inputfelder mit type="text" sind einzeilig. Sollen Besucher mehr Inhalte eintragen, bietet sich ein Textarea-Element an. Das hier sorgt für ein einzeiliges Textfeld. An dieser Stelle möchte ich ein Textarea-Element ergänzen. Dafür brauche ich nicht ein Inputfeld, sondern das Element mit Namen Textarea. Ich sollte ihm natürlich einen Namen geben. Zum Beispiel nenne ich es einmal Kommentar. Dann bestimme ich über Attribute, wie groß es angezeigt werden soll. Ich sage im Beispiel, es soll zehn Zeilen haben. Und vielleicht 50 Spalten. Das sind sozusagen Buchstaben nebeneinander. Dann beende ich mein Element auch wieder. Was noch fehlt, ist ein Label-Element. Dafür ergänze ich eine ID, damit ich den Bezug herstellen kann. Mein Label-Element selber. Und der Text kommt dazwischen. Ihr, Kommentar. Label Ende. Sehen wir uns das einmal an. Dann haben wir ein Textarea-Element. Es gibt eine Besonderheit, wenn Sie Text hier reinschreiben wollen. Das mache ich einmal. Dann kommt das nicht als value wie bei Inputfeld, sondern zwischen Textarea-Anfang und Textarea-Ende. Sie sehen, der Text steht da drinnen. Wenn ich das jetzt zum Beispiel so mache, dass ich denke, ich möchte das etwas schöner einrücken, und schreibe das auf diese Art, dann ist interessant, dass die durch die Einrückung kommenden Leerzeichen, das sind diese hier, in meinem Textarea-Element angezeigt werden. In diesem Fall darf ich das nicht machen. Dann ist der Text, der angezeigt wird, wieder ganz links. Sie haben gesehen, wie man ein Textarea-Element für mehrzeilige Texteingaben erstellt. Dafür brauchen Sie das Textarea-Element selber, und über rows und cols geben Sie an, wie groß es angezeigt werden soll.

Formulare mit HTML und CSS

Lernen Sie Formulare mit HTML zu erstellen und wie die Formatierung von Formularen und die responsive Anordnung der Felder vonstatten geht.

1 Std. 16 min (19 Videos)
Derzeit sind keine Feedbacks vorhanden...

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!