HTML - Element: <form>
Mit dem <form>-Tag (Block-Element) definieren Sie ein Formular.
<!DOCTYPE html> <html> <head> <title>Formular</title> </head> <body> <h1>Formular</h1> <form action=""> Name: <input type="text"> <input type="submit" value="Absenden"> </form> </body> </html>
Weitere Formular-Elemente: <datalist>, <fieldset>, <input>, <label>, <select>, <textarea>
Attribute
name="" - Bezeichnername.
action="" - Zieladresse (Pflichtattribut, Optional in HTML 5). Wird die Zieladresse leer gelassen, so fügt der Browser automatisch den Namen der aktuellen Seite ein.
method="" - Übertragungsmethode GET/POST. Ohne Angabe des Attributs im Formular ist die Übertragungsmethode immer GET.
enctype="" - MIME-Typ.
target="" - Frame Zieladresse.
Im folgenden Beispiel wird ein einfaches PHP-Script hinzugefügt, das einen Datentransfer demonstriert.
<!DOCTYPE html> <html> <head> <title>Formular</title> </head> <body> <h1>Formular</h1> <form name="Form" action="demo.php" method="post"> Name: <input type="text" name="Bezeichnername" required="required"> <input type="submit" value="Absenden"> </form> <?php if (isset($_POST["Bezeichnername"])) echo 'Ihr Name ist ' . $_POST["Bezeichnername"]; ?> </body> </html>
Bausteine Alle Anzeigen
Eine zufällige Auswahl von Codeschnipseln
aus den Bereichen HTML, CSS,
PHP, JavaScript und MySQL.
<code> Logische Auszeichnung
CSS - Bild vergrößern mit dem „Checkbox Hack”
PHP - Letzten Seperator einer URL entfernen
MySQL - Suchen unter Berücksichtigung von Groß- und Kleinschreibung