HTML Formulare, Felder - itfacts.org die IT Seite für Nachrichten, Tutorials für Profis
0

HTML Formulare, Felder

Formulare werden auf Webseiten zum Beispiel dafür benutzt, dass ein Besucher sich registrieren kann. Ein Formulare sollte immer einen Beschreibung erhalten, ein Feld – wo der Anwender Daten eingeben kann und Schlussendlich einen Button, mit der er seine eingegeben Daten bestätigen kann.

Im kommenden Tutorial in HTML, zeige ich euch, wie so etwas aussehen könnte.


<!-- Felder anlegen --!>

<!-- Beschreibung des Felds --!>
<!-- Formular auf post setzen --!>
<form action="/cgi-bin/newsletter.cgi method="post">
<fieldset>
<legend align="right">Newsletter</legend>

<!-- Tabelle und Style anlegen, 2 Reihen und 2 Spalten, keinen Rahmen --!>
<table cellspacing="2" cellpadding="2" border="0">
<tr>
  <!-- Beschreibung für Feld 1 --!>
  <td>Name</td>

  <!-- Feld nimmt nur text an --!>
  <td><input type="text"></td>
</tr>

<tr>
  <!-- Beschreibung für unser zweites Feld --!>
  <td>Ihre E-Mail Adresse</td>

  <!-- auch hier nehmen wir als Eingabe nur text an --!>
  <td><input type="text"></td>
</tr>
</table>
</fieldset>

<!-- Button erzeugen --!>
<fieldset>

<!-- Beschreibung --!>
<legend align="right">anmelden?</legend>
<table>
<tr>
  <!-- Feldtypen festlegen --!>
  <td><input type="submit" value="bestätigen"></td>

  <td><input type="reset" value="Abbrechen"></td>
</tr>

</fieldset>
</table>

So könnte es bei euch aussehen (Farben, größen etc. werden hier von der style.css beeinflusst!)

anmelden?
Name
Ihre E-Mail Adresse
anmelden?
In Kategorie: HTML, Tutorials Tags: , , , ,

Like & Share

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Ähnliche Artikel

Hinterlasse ein Kommentar

Kommentar abschicken