Submit (Send) + Reset. Versturen + Opnieuw knoppen.

HTML stelt twee buttons ter beschikking om formulieren mee te behandelen, een button om te "versturen" en een om het formulier "opnieuw" in te vullen (te wijzigen). Met de versturen button kan de bezoeker het ingevulde formulier versturen. Met de data in het formulier gebeurt dan wat er in de start-tag <form> bij action= is vastgelegd. Met de "opnieuw" button kan de bezoeker alle ingevulde data veranderen (opnieuw invullen). Het formulier wordt daarbij dus niet verstuurd.

Voorbeeld:

Toelichting:

Met <input type=submit ...> definieer je een "versturen" button (submit = voorleggen / indienen). Bij het clicken op deze button wordt het formulier verstuurd. Met <input type=reset...> definieer je een "opnieuw" (afbreek) button. Ingevulde data worden verworpen en niet verstuurd.

Met het attribuut value= bepaal je het opschrift (de tekst) op de button. De waarde moet tussen aanhalingstekens staan.

Oppassen:

Het beste is om de bezoeker alle twee de buttons ter beschikking te stellen, dus ook de "opnieuw" button.

Met behulp van JavaScript is het mogelijk de invulling van het formulier, voordat het verstuurd wordt, te kontroleren.

Plaatjes button en versturen.

Je kunt in een formulier een plaatje als "versturen" button definiëren. Zulke grafische buttons kun je als alternatief voor het type <input type=submit...> button gebruiken.

Voorbeeld:

Toelichting

Met <input type=image ...> definieer je een grafische button. Het gewenste plaatje bepaal je met de extra vermelding src= (src = source = bron). De waarde moet tussen aanhalingstekens staan.

Oppassen:

In het voorbeeld wordt aangenomen dat het plaatje in hetzelfde bestand staat als de HTML file. Indien het plaatje daar niet staat, moet je een relatief of absoluut pad opgeven. Dat funktionieert precies zo als bij verwijzingen van andere plaatjes.

HTML 4.0 buttons (Versturen en Opnieuw).

Dit funktioneert precies zo als bij het definieren van "click" buttons in HTML 4.0. Daar wordt precies beschreven hoe die gedefinieerd worden.

Om van zo'n button een "versturen" button te maken moet je in de start-tag <button> ook nog type=submit noteren. Om van de button een "opnieuw" button te maken moet je er type=reset bijzetten.

Diversen.

Universele attributen binnen de <select> en <option> tags zijn mogelijk.

Het is verder mogelijk om CSS style-sheets te gebruiken. Netscape kan dat in versie 4.0 nog niet, MS Internet Explorer 4.0 interpreteert CSS style-sheets in verbinding met formulier elementen wel.