von Thomas Salvador.
Ein einfaches Anmelde-Formluar:
<form action="//example.org/subscribe.php" method="post"><pre> Name :<input type="text" name="name" size="30" maxlength="64" /> EMail:<input type="text" name="mail" size="30" maxlength="64" /> <input type="submit" name="submit" value="Bestellen!" /> </pre></form>
Das Formular besteht aus zwei Eingabefeldern für Name und Email, sowie einem Absendebutton. Bei Betätigung des letzteren werden die Daten an //example.org/subscribe.php gesendet.
<form> erzeugt ein Formular. Die Formulardaten werden gemäß der bei method eingestellten Methode an den Form-Handler (i.a. ein Programm) übergeben, der bei action genannt ist. Dabei wirkt die Kodierung enctype.
Die möglichen Felder sind vielfältig und lassen kaum Wünsche offen. In HTML wurden zudem einige zuzätzliche Tags eingeführt, mit denen sich Strukturen ausdrücken lassen. Beispiele sind <fieldset> und <optgroup>.
Der Tag <form> kennt die Attribute:
| Attribut | Beschreibung |
|---|---|
| accept | Liste von akzeptierten Dateitypen |
| accept-charset | Liste von akzeptierten Zeichensätzen |
| action | Addresse des verarbeitenden Programms |
| class | Space-separierte Liste von CSS-Klassen |
| dir | Ausrichtung von Text und Tabellen |
| enctype | content-Typ bei Formulardatenübertragung |
| id | Universalattribut |
| lang | Sprache des Elementes |
| method | Übertragungsmethod für Formulardaten |
| name | Name eines Formulars |
| onclick | Auszuführender Javascript-Code bei Klick |
| ondblclick | Auszuführender Javascript-Code bei Doppelklick |
| onkeydown | Auszuführender Javascript-Code bei Drücken einer Taste |
| onkeypress | Auszuführender Javascript-Code bei gedrückt gehaltener Taste |
| onkeyup | Auszuführender Javascript-Code bei Loslassen einer Taste |
| onmousedown | Auszuführender Javascript-Code bei Drücken einer Maustaste |
| onmousemove | Auszuführender Javascript-Code, wenn die Maus bewegt wird |
| onmouseout | Auszuführender Javascript-Code, wenn die Maus das Element verlässt |
| onmouseover | Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird |
| onmouseup | Auszuführender Javascript-Code bei Loslassen einer Maustaste |
| onreset | Auszuführender Javascript-Code bei Löschen eines Formulars |
| onsubmit | Auszuführender Javascript-Code bei Absenden eines Formulars |
| style | Inline Style |
| target | Zielframe bei Links und Formularen |
| title | Bezeichnender Titel |
Die HTML-Anweisung <form> wird mindestens von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.
<form> wird zumindest in den Standards HTML und XHTML definiert.
Der Tag <form> kann die HTML-Befehle <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <basefont>, <bdo>, <big>, <blockquote>, <br>, <button>, <center>, <cite>, <code>, <dfn>, <dir>, <div>, <dl>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <hr>, <i>, <iframe>, <img>, <input>, <isindex>, <kbd>, <label>, <map>, <menu>, <noframes>, <noscript>, <object>, <ol>, <p>, <pre>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <table>, <textarea>, <tt>, <u>, <ul> und <var> enthalten.
<form> kann in den HTML-Tags <blockquote>, <body>, <center>, <dd>, <div>, <fieldset>, <iframe>, <li>, <noframes>, <noscript>, <object>, <td> und <th> verwendet werden.
Keine.
Keine.