Credits: Lancer @ Criminalspoint.
Moelijkheisgraad: Beginner
Benodigd: HTML Forms, if else, isset.
Datum: Zaterdag 7 Augustus

Beste lezers, ik ga jullie een kleine rondleiding geven wat je kan doen met een form, en een submit.
Op deze manier, heb je geen meerdere pagina's meer nodig om dingen uit te voeren, of een snelle check te maken.

We beginnen met een simpele HTML form.

	Code | Selecteer Alles

1 2 3 4 <form>     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" /> </form>

Wat uitleg over de form:

	Code | Selecteer Alles

1 2 3 4 5 <form>    : Opent het formulier. <input    : Zeg dat er hier iets ingevuld moet worden. name="" : Geef de benaming op die je wilt laten checken, zonder dit kom je niet ver. value="": Het stukje tekst wat in het <input> veldje komt te staan. </form>    : En natuurlijk het formulier afsluiten.

Maar je formulier, kan je alleen invullen, en nog niks opsturen, genaamd posten.
Daarvoor doen we in de beginnende <form> tag iets toevoegen genaamd: method="post".
Dus dan krijg je dit: Open formulier en de methode is opsturen.

	Code | Selecteer Alles

1 2 3 4 <form method="post">     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" /> </form>

Nu dit is gebeurd, moeten we nog een opstuur knop hebben, zoiets noemen we een submit button.
Dit doe je met:

	Code | Selecteer Alles

1 2 3 4 5 <form method="post">     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" />     <input type="submit" name="submitdit" value="Verstuur je gebruikersnaam en wachtwoord!" /> </form>

Zoals jullie zien, heb ik de name van de submit knop "submitdit" genoemd, je kan het ook op submit houden, of iets anders wat je zelf wilt.
Hij zal dankzij

	Code | Selecteer Alles

1 <form method="post">

het formulier nu opsturen.

We gaan nu aan het PHP gedeelte beginnen.

Het makkelijke aan dit is, dat je werkt met een if en een else en een isset.
Wat we nu gaan doen, is een kleine if else script maken.

	Code | Selecteer Alles

1 2 3 4 5 6 7 8 9 10 11 12 13 14 if()     {          } else     {          } <form method="post">     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" />     <input type="submit" name="submitdit" value="Verstuur je gebruikersnaam en wachtwoord!" /> </form>

Maar nu zal er niks komen, want je heb niks gedefineerd, kortom je krijgt als je dit online zet een error.
Nu hebben we:

Als()
anders()

Nu willen we graag het formulier ophalen, als dat is verstuurd (gezet) met de name van je submit knop, submitdit.

	Code | Selecteer Alles

1 2 3 4 5 6 7 8 9 10 11 12 13 14 if(isset($_POST['submitdit']))     {          } else     {          } <form method="post">     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" />     <input type="submit" name="submitdit" value="Verstuur je gebruikersnaam en wachtwoord!" /> </form>

Wat je nu gedaan heb is het volgende:

	Code | Selecteer Alles

1 2 3 4 5 6 7 8 9 Als(hetisgezet($_VERSTUUR['submitdit']))     Doe dan:     {          } Anders     {          }

Het is nog aardig leeg, en dat gaan we nu invullen met een simpele check of het word mee verstuurt.

	Code | Selecteer Alles

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 // Als het is gezet, verstuur submitdit if(isset($_POST['submitdit']))     {         // Defineer de variabellen, altijd met $_POST, want je verstuurt het mee.         $gebruiker = $_POST['username'];         $wachtwoord = $_POST['wachtwoord'];                  // Je informatie         echo "Je naam is ".$gebruiker." en je wachtwoord is ".$wachtwoord."!";     } // Anders doe dit: else     {         echo "Je heb nog niks ingevuld.";     } <form method="post">     Gebruikersnaam: <input type="text" name="username" value="Vul je gebruikersnaam in!" />     Wachtwoord:        <input type="password" name="wachtwoord" />     <input type="submit" name="submitdit" value="Verstuur je gebruikersnaam en wachtwoord!" /> </form>

En dit was mijn tutorial over <form>'s, submit's en if else isset.