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>

Beispiel anzeigen