## Formulieren basis

Om gegevens aan de database toe te voegen en te wijzigen hebben we HTML formulieren nodig. En ook om in te loggen zou een formulier erg handig kunnen zijn.

HTML kent een aantal verschillende formulier velden

Input veld

- korte tekst (één regel)
- password
- datum
- e-mailadres
- etc...

Checkbox

- vierkant blokje dat je aan/uit kan vinken

Radio button

- Rond knopje die je alleen aan kan vinken. Als er meerdere van zijn kan er altijd maar één aan staan.

Selectbox

- dropdown box waar je een item uit kan selecteren

Textarea

- Een tekst van meestal meerdere regels

Deze velden staan tussen de html tags <form> ... </form>

## Standaard formulier

    <form method="post" action="/post/insert">
      <input type="text" name="title" placeholder="Titel">
      <input type="submit" value="Opslaan" name="save">
    </form>

Een formulier start met de `<form>` tag. Hierbij worden de attributen method en action meestal meegegeven. Voor de method heb je keuze uit `post` en `get`. Voor een zoekveld gebruiken we meestal `get` en voor het versturen van data voor in de database `post.`

De action is de url waar het formulier naartoe wordt gestuurd. Deze url mag je zelf bedenken en in je router.php toevoegen. In de router.php verwijs je weer naar een controller. Die uiteindelijk het formulier kan afhandelen.

Alle velden in een formulier hebben een name. Dit wordt als variabele met het formulier meegestuurd. In bovenstaande formulier zijn dit `$_POST['title']` en `$_POST['save']`

Zorg ervoor dat je formulier ook een verstuur button heeft. Dit kan een input zijn maar je kan daarvoor ook de `<button>Opslaan</button>` gebruiken.

Voorbeelden van de verschillende formulieren staan in sheatCheat.php deze zal ook op de toets beschikbaar zijn.

Alle informatie over formulieren kan je vinden op W3schools.

Gebruik deze informatie voor de volgende opdrachten. Eventueel kan je natuurlijk ook aan chat-GPT of aan Google Bard vragen stellen over het gebruik van formulieren.

Van onderstaande opdrachten is ook een video uitwerking beschikbaar
Video 1
Video 2 (doe het veilig)