HTML formulieren maken
Home

HTML formulieren maken

Formulieren
HTML formulieren

HTML formulieren maken

Het HTML <form> element is een document onderdeel dat interactieve besturingselementen bevat waarmee informatie naar de server gestuurd kan worden.

Doelstelling

  1. Je leert hoe je een invoerformulier maakt met html elementen. We zorgen ervoor dat het formulier:
    1. opgebouwd is met de semantisch juiste elementen;
    2. de invoer zoveel mogelijk gecontroleerd wordt door aangepaste html elementen en attributen te gebruiken;

Leerpad

  1. Wat is een formulier
  2. Soorten formulieren
  3. Elementen
    1. Het form element
    2. Het label element
    3. Het input element
    4. De submit knop
    5. Tekstvak
    6. Tekstgebied
    7. Wachtwoord
    8. Keuzerondje
    9. Selectievak
    10. Keuzelijst
    11. Elementen groeperen
    12. Datum- en tijdinvoer
    13. E-mailinvoer
    14. Range
    15. Bestanduploadvak
  4. Attributen
    1. HTML formulier attributen
  5. Voorbeeld
    1. Tekst en uitleg
      1. Een HTML formulier eerste versie
      2. Een HTML formulier tweede versie
    2. Filmpjes:
      1. Formulier voorbereiden om later met een serverside scripting taal, bijvoorbeeld PHP, te verwerken
      2. Inspecteren hoe de browser de ingevoerde gegevens verstuurt naar de server

    Opdracht

    1. Maak een submap met de naam form. In deze map maak je de volgende opdrachten:
      1. In de eerste opdracht maak je de HTML voor een formulier: Opdracht form HTML
      2. In de tweede opdracht maak je het formulier en de elementen erin op met CSS: Opdracht form CSS
    2. Maak de opdracht in Visual Studio Code op je lokale computer en kopiëer je de form-map naar Cloud9.
    3. Download deze map en stuur ze door via de link op Moodle.

    JI
    2019-03-06 08:30:24