Knoppen maken met behulp van HTML-invoertags in formulieren

U kunt aanpasbare tekstknoppen maken in HTML met behulp van de label. De element wordt gebruikt binnen een

element.

Door het attribuut in te stellen type op "knop" wordt een eenvoudige klikbare knop gegenereerd. U kunt de tekst die op de knop verschijnt, zoals 'Verzenden', definiëren met behulp van de waarde attribuut.

Bijvoorbeeld:

Houd er rekening mee dat de tag verzendt geen HTML-formulier; u zult nog steeds JavaScript moeten gebruiken om de formuliergegevens te verzenden. Zonder een JavaScript bij klikken gebeurtenis, lijkt de knop aanklikbaar maar er gebeurt niets, en u zult uw lezers gefrustreerd hebben.

De

Hoewel het gebruik van de invoertag om een knop te maken voor zijn doel werkt, is het een betere optie om de knop te gebruiken tag om HTML-knoppen voor uw website te maken. De tag is flexibeler omdat u hiermee afbeeldingen voor de knop kunt gebruiken (waarmee u de visuele consistentie kunt behouden als uw site een ontwerpthema heeft), en deze kan worden gedefinieerd als een knop voor verzenden of opnieuw instellen zonder dat u extra nodig heeft JavaScript.

U wilt de knop opgeven type attribuut in om het even welk -tags. Er zijn drie verschillende types:

knop - De knop heeft geen inherent gedrag, maar wordt gebruikt in combinatie met scripts die op de client-kant worden uitgevoerd en die aan de knop kunnen worden gekoppeld en worden uitgevoerd wanneer erop wordt geklikt.

reset - Reset alle waarden.

voorleggen - De knop verzendt formuliergegevens naar de server (dit is de standaardwaarde als er geen type is gedefinieerd).

Andere kenmerken zijn:

naam - Geeft de knop een referentienaam.

waarde - Geeft een waarde aan die aanvankelijk aan de knop moet worden toegewezen.

onbruikbaar maken - Schakelt de knop uit.

HTML5 voegt enkele extra kenmerken toe aan de
formaction - Alleen gebruikt met type = "submit" en een URL als de waarde, deze specificeert waar formuliergegevens zullen worden verzonden. Bijvoorbeeld:

formenctype - Alleen gebruikt met type = "submit" attribuut. Definieert hoe formuliergegevens moeten worden gecodeerd wanneer ze naar de server worden verzonden. De drie waarden zijn application / x-www-form-urlencoded (standaard), multipart / form-data, en text / plain.

formmethod - Alleen gebruikt met type = "submit" attribuut. Dit specificeert welke HTTP-methode moet worden gebruikt bij het indienen van formuliergegevens krijgen of post.

formnovalidate - Alleen gebruikt met type = "submit" attribuut. Formuliergegevens worden niet gevalideerd wanneer ze worden ingediend.

formtarget - Alleen gebruikt met type = "submit" attribuut. Dit geeft aan waar de reactie van de site moet worden weergegeven wanneer formuliergegevens worden ingediend, zoals in een nieuw venster, enzovoort. De waarde-opties zijn ook _blank, _self, _parent, _top, of een specifieke framenaam.

Als u formulieren gebruikt, wilt u wellicht meer lezen over het maken van knoppen in HTML-formulieren en hoe u uw site gebruikersvriendelijker kunt maken.