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

Checkbox

Radio button

Selectbox

Textarea

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)