Formulieren gebruiken - 2

In de code van naw.php staat $naam = $_POST["naam"];. Wanneer gegevens uit een formulier worden verwerkt met de methode post zijn deze variabelen daarna beschikbaar in de globale array $_POST. We kunnen door de regel $naam = $_POST["naam"]; aan een variabele $naam de waarde toekennen van de tekst die we in dit geval in het eerste tekstveld hebben ingevoerd. In het HTML-formulier wordt name gebruikt voor de naamgeving van de variabelen in de array. De code name = "naam" zorgt ervoor dat in het PHP-script dat het formulier verwerkt de variabele $_POST["naam"] beschikbaar is.

Het formulier, waarin de naw-gegevens worden ingevuld, is een voorbeeld van een eenvoudig formulier. Bij formulieren die wat groter zijn, kan de HTML-tag <fieldset> gebruikt worden om delen die bij elkaar horen te groeperen. Daardoor oogt alles wat overzichtelijker. We kunnen aan een fieldset een naam geven door gebruik te maken van het HTML-element legend:

<!DOCTYPE html>
<html lang="nl">
    <head>
          <title>invoeren NAW-gegevens</title>
          <meta charset="utf-8">
    </head>
    <body>
         <form name="form1" method="post" action="naw-php">
               <p>Vul hieronder je naam, adres en woonplaats in:</p>
               <fieldset>
                     <legend>mijn gegevens</legend>
                           <p><input type = "text" size="25" name =
                           "naam"></p>
                           <p><input type = "text" size="25" name =
                           "adres"></p>
                           <p><input type = "text" size="25" name =
                           "woonplaats"></p>
               </fieldset>
               <p><input type = "submit" value = "Verstuur"></p>
         </form>
    </body>
</html>

Resultaat
<html>
     <head>
           <title>Een ingewikkelder formulier</title>
     </head>
     <body>
           <form name="form1" method="post" action="form2afhandeling.php">
                       <p> Hoe heet je?
                       <input type="text" size="20" name="voornaam">
                 </p>
                 <p> Informatica is leuk:
                       <input type="radio" name="stelling" value="eens" checked>Eens
                       <input type="radio" name="stelling"
                       value="oneens">Oneens
                </p>
                <p> Welk profiel heb je?
                       <select name="profiel">
                             <option>NT</option>
                             <option>NG</option>
                             <option>EM</option>
                             <option>CM</option>
                       </select>
                 </p>
                 <p>
                       <input type="submit" value="Verstuur">
                 </p>
           </form>
     </body>
</html>

Zoals je ziet staat het formulier weer tussen de <form> en </form> tags. De pagina waar we naartoe gaan is form2afhandeling.php

Ons formulier heeft 4 form onderdelen:

  1. <input type="text" size="20" name="voornaam">
    Deze kennen we al uit het vorige voorbeeld.
  2. <input type="radio" name="stelling" value="eens" checked>Eens
    <input type="radio" name="stelling" value="oneens">Oneens

    Je ziet dat je voor elke radiobutton een aparte tag moet maken.
    type="radio" geeft aan dat het een radiobutton is.

    De name="stelling" is weer de naam waarmee de waarde opgehaald kan worden bij de afhandeling.

    LET OP: radiobuttons die bij elkaar horen moeten dezelfde naam hebben.

    Met value="eens" geven we de waarde aan die doorgestuurd wordt als deze radiobutton aan staat. Bij de eerste optie staat er nog het woordje checked achter. Dat houdt in dat deze standaard geselecteerd is.
  3. <select name="profiel">
         <option>NT</option>
         <option>NG</option>
         <option>EM</option>
         <option>CM</option>
    </select>
  4. <input type="submit" value="Verstuur">

    Deze kennen we al uit het vorige voorbeeld.