html

Formular


Aufbau:
<form>
<input>
</form>

Action:
Mit action wird bestimmt zu welcher Seite es nach dem Absenden des Formulars weiter gehen soll.
<form action="https://elekdstj.de" >
<input>
</form>

Method:
Mit method wird bestimmt mit welcher Art das Formular geschickt werden soll.
Dazu gibt es POST oder GET.
<form action="https://elekdstj.de" method="get" >
<input>
</form>
Mit get wird der input über die URL weitergegeben mit post wird er versteckt weitergegeben.
Ich empfehle wenn möglich immer post zu verwenden.
Das input Feld kann per PHP folgendermassen ausgelesen werden.
<?php
$input = $_POST['input'];
$input = $_GET['input'];
?>
Wobei input für den Namen des input Feldes gild und $input ist die Variable der den Wert zugewiesen wird.

Input:
Für input gibt es verschiedene Varianten wie z.B.
text
<form action="https://elekdstj.de" method="get" >
<input type="text">
<input type="hidden">
<input type="radio">
<input type="checkbox">
<input type="password">
<input type="search">
<input type="tel">
<input type="url">
<input type="email">
<input type="number">
<input type="range">
<input type="submit">
</form>
Mit input type="submit" wird ein button erstellt um das Formular abzusenden.
Dieser sollte in keinem Formular fehlen.

Name:
Jedes input Feld sollte einen Namen und einen Wert (value) haben.
<form action="https://elekdstj.de" method="get" >
<input type="text" name="eingabe">
<input type="hidden" name="versteckt" value="wert1">
<input type="radio" name="radio" value="wertradio">
<input type="checkbox" name="checkbox" value="wertcheck">
<input type="submit" value="Senden">
</form>
Für text benötigen wir keinen Wert, da der Wert das textfeld ist.
Bei submit benötigen wir keinen Namen da es nicht von Bedeutung ist und der Wert ist den Text des Buttons.

Auswahlliste:
Die Auswahlliste wir bei mehrfachen aber begrenzten Eingaben verwendet
<form>
<select name="auswahl" >
<option value="Test">Test</option>
<option value="Marc">Marc</option>
<option value="Raphael">Raphael</option>
<option value="Renate">Renate</option>
<option value="Disch">Disch</option>
</select>
</form>
Für jedes Feld sollte ein Wert übergeben werden.
Meistens der selbe wie die Beschriftung.

Autocomplete:
Die automatische vervollständigung der Eingabe ist je nach Bedarf sehr mühsam.
Mit einem einfachen Befehl kann dies verhindert werden.
<form method="post" action="" autocomplete="off">
[…]
</form>
Somit wird die automatische vervollständigung nicht mehr angezeigt.