Een formulier begin je altijd met <form> en eindig je altijd met </form>.
De begintag kan je aanpassen, want je wilt natuurlijk wel dat er iets gebeurt met die gevens.
| <form name="test" method="post/get" action="info@design-web.nl"></form> |
Bij name geven we het form een naam, opzich is dit niet echt nodig. Tenzij
je straks met javascript gaat werken. Method is gewoon de methode waarmee je het verstuurt je kan kiezen tussen post of get. De action kan ofwel een email adres zijn waar het naartoe wordt gestuurd of een url naar een script wat de gegevens verder verwerkt.
Eerst gaan we simpele tekst velden aanmaken:
<form name="test" method="post/get" action="info@design-web.nl">
<input type="text" name="gebruikersnaam" value="jouwnaam">
</form> |
Met het type zeg je dat het een textarea moet worden, met name geef je het veld een naam en het value is wat er in het veld staat.
Voorbeeldje:Je kan ook tekstvakken maken:
| <form name="test" method="post/get" action="info@design-web.nl"> <textarea rows=5 cols=25 name="jouwbericht">Hier jouw tekst die in het vak moet komen.</textarea></form> |
Met de rows geef je aan hoeveel rijen tekst, met cols geef je de breedte aan in cellen. Name is weer de naam van het veld.
Weer een voorbeeldje:
We hebben ook nog de mogelijkheid om een selecteer box te maken:
<form name="test" method="post/get" action="info@design-web.nl">
<select name="type">
<option value="vraag">Vraag.</option>
<option value="opmerking">Opmerking.</option>
<option value="linkpartner">Linkpartner.</option>
</select>
</form> |
Met <select> begin je de lijst met opties, je kan deze weer een naam geven.
De options zijn de verschillende mogelijkheden, en je sluit hem weer af met </select>
Nu kan je een formulier maken maar heb je niet de mogelijkheid om, het formulier te verzenden of te resetten dit doe je met de reset en submit button.
<form name="test" method="post/get" action="info@design-web.nl">
<select name="type">
<option value="vraag">Vraag.</option>
<option value="opmerking">Opmerking.</option>
<option value="linkpartner">Linkpartner.</option>
</select><br>
<button type="submit">Sturen</button>
<button type="reset">Reset</button>
</form> |
Zoals je ziet begin je zo'n button gewoon met <button> en eindig je hem met
</button> Je kan kiezen bij type uit reset of submit. Zo simpel is het.
Nog een voorbeeldje:
Als u iets niet snapt kunt u altijd even naar het forum gaan.
|
Login
Actieve topics