Inhoudsopgave:
Video: Hoe Maak Je Een Wordpress Website 2019 2024
Met formulieren kunt u de invoer van bezoekers van uw website vastleggen. Door invoer van bezoekers vast te leggen, kunt u bestaande inhoud op de pagina wijzigen. Met prijs- en datafilters op websites van luchtvaartmaatschappijen kunt u bijvoorbeeld sneller een gewenste vlucht vinden. U kunt de invoer ook opslaan voor later gebruik.
Een website kan bijvoorbeeld een registratieformulier gebruiken om uw e-mail-, gebruikersnaam- en wachtwoordinformatie te verzamelen zodat u deze op een later tijdstip kunt bekijken.
Begrijpen hoe formulieren werken
Formulieren geven informatie door die door een gebruiker naar een server is ingevoerd met behulp van het volgende proces:
-
De browser geeft een formulier weer op de clientcomputer.
-
De gebruiker voltooit het formulier en drukt op de knop Verzenden.
-
De browser verzendt de verzamelde gegevens van het formulier naar een server.
-
De server verwerkt en slaat de gegevens op en verzendt een antwoord op de clientcomputer.
-
De browser geeft het antwoord weer en geeft meestal aan of de inzending succesvol was.
Voorlopig is het enige dat u moet weten dat programmeertalen aan de serverkant, zoals Python, PHP en Ruby, worden gebruikt om scripts te schrijven die formulierinzendingen ontvangen en opslaan.
Formulieren zijn zeer flexibel en kunnen een verscheidenheid aan gebruikersinvoer registreren. Invoervelden die in formulieren worden gebruikt, kunnen vrije tekstvelden, keuzerondjes, selectievakjes, vervolgkeuzemenu's, bereikschuifregelaars, datums, telefoonnummers en meer omvatten. Bovendien kunnen invoervelden worden ingesteld op standaardwaarden zonder gebruikersinvoer.
Kenmerknaam | Mogelijke waarden | Beschrijving |
---|---|---|
type | selectievakje
verzenden tekst wachtwoord radio (een volledige lijst met waarden is hier kort weggelaten) |
Definieert het type invoerveld dat in het formulier moet worden weergegeven. Voor
wordt bijvoorbeeld tekst gebruikt voor vrije-tekstvelden en indienen wordt gebruikt om een verzendknop te maken. |
waarde | tekst | De beginwaarde van het invoerbesturingselement. |
Basisformulieren maken
U maakt een basisformulier door
-
Een formulier definiëren met het formulierelement.
Begin met het toevoegen van een openingstag en een afsluitende tag.
-
Gebruik het actiekenmerk om in het formulierelement op te geven waar formuliergegevens moeten worden verzonden.
Voeg een actiekenmerk toe aan uw openingstag en stel dit gelijk aan de URL van een script dat de gebruikersinvoer zal verwerken en opslaan.
-
Gebruik het methode-attribuut en geef in het formulierelement aan hoe formuliergegevens moeten worden verzonden.
Voeg een methode-attribuut toe aan uw openingstag en stel deze gelijk aan POST.
Het methode-attribuut is gelijk aan GET of POST. Over het algemeen wordt POST gebruikt voor het opslaan van gevoelige informatie (zoals creditcardnummers), terwijl GET wordt gebruikt om gebruikers de resultaten van een ingediend formulier (zoals bijvoorbeeld vluchtnoteringen van luchtvaartmaatschappijen) te bookmarken of met anderen te delen.
-
Gebruikers een manier bieden om reacties in te voeren en in te dienen met het invoerelement.
Maak tussen de tags openen en sluiten één tag.
Uw formulier heeft slechts één begin- en eindtag; u hebt echter ten minste twee tags om gebruikersgegevens te verzamelen en in te dienen.
-
Specificeer invoertypen met behulp van het typekenmerk in het invoerelement.
Stel voor dit voorbeeld het typekenmerk in op "tekst".
De tag heeft geen afsluitende tag, wat een uitzondering is op de regel 'sluit elke tag die u opent'. Deze tags worden zelfsluitende tags genoemd.
-
Maak ten slotte nog een tag en stel het typekenmerk in op 'Verzenden'.
De volgende voorbeeldcode toont de syntaxis voor het maken van het weergegeven formulier.
Het actiekenmerk in dit formulier is gelijk aan mailto ingesteld, dat naar de browser stuurt om een e-mail te verzenden met uw standaard e-mailclient (zoals Outlook of Gmail). Als uw browser niet is geconfigureerd om e-mailkoppelingen af te handelen, dan zal dit formulier niet werken. Normaal gesproken worden formulieren verzonden naar een server om de inhoud van het formulier te verwerken en op te slaan, maar in dit voorbeeldformulier wordt de inhoud verzonden naar de e-mailtoepassing van de gebruiker.