Label voor JavaScript-knop

| | | | | | | | | | | | | | | | | | | | | |

De HTML-knoptag wordt gebruikt om een klikbare knop in HTML-vorm te maken. Het stelt een gebruiker in staat om informatie in een of andere vorm naar een website te sturen. De knopstijl kan worden beheerd met CSS.

Als u een formulier op een webpagina maakt, moet u een klikbare knop maken zodat een gebruiker een formulier kan indienen. U kunt bijvoorbeeld een bestelformulier op een e-commercesite hebben waarop leveringsgegevens van een gebruiker worden verzameld. Nadat de gebruiker de formulieren heeft ingevuld, moet er een knop zijn waarop moet worden geklikt om de informatie in te dienen.

is waar de HTML tag in HTML. We zullen ook de kenmerken bespreken die u kunt gebruiken om een aangepaste knop te maken en enkele voorbeelden van deze kenmerken in actie bekijken.

Bijgewerkt HTML-formulier

HTML-formulieren worden gebruikt om verschillende typen gebruikersinvoer, zoals namen, telefoonnummers of adressen, op een webpagina te verzamelen.

Elk formulier bevat invoerelementen waarmee gebruikers informatie naar de site kunnen verzenden. Een webpagina kan bijvoorbeeld een bestelformulier hebben dat formulierelementen bevat om gebruikersnaam, geboortedatum, creditcardgegevens en meer te verzamelen.

wordt gebruikt om een formulier in HTML te maken. Hier is een eenvoudig voorbeeld van de die wordt gebruikt om een vorm te maken die de naam van een gebruiker verzamelt:

Een formuliertag kan meerdere -tags bevatten of andere gebruikersinvoeritems zoals selectievakken . Bovendien moet een formulier een Vind uw Bootcamp-match

Zo ziet onze knop eruit op een webpagina:

 T2EtZ5J4P2s1cbcWl5XhnxkV2LBddqnXHZCRN5Ij5ar7hjumzZimB1hJg IovfjLkqU5yz1Kp29DUy4GXkyNknZUROEhEzdNYEBnNr4 W SC7PgkwUQtwb5kUzO6 FOfTpFwK4js

Nu dat we een knop op onze website kan een gebruiker

voert u de informatie in de vorm ingevoerd. verschillend interpreteren. Internet Explorer, vóór versie 9, verzendt bijvoorbeeld de tekst tussen de openings- en sluitingstag van de -tag bevat een aantal kenmerken die kunnen worden gebruikt om een aangepaste knop. Bovendien ondersteunt de in detail bekijken.

autofocus wordt gebruikt om aan te geven dat een knop moet automatisch de focus krijgen wanneer de webpagina wordt geladen. Hier is de syntaxis autofocus:

uitgeschakeld

uitgeschakeld schakelt het kenmerk op de knop uit, wat betekent dat gebruikers geen interactie met het artikel kunnen hebben. Hier is de syntaxis uitgeschakeld:

Zoals je hieronder kunt zien, is onze knop grijs en kan niet worden geklikt:

 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW

Vorm

door wordt gebruikt om een knopelement aan een formulier te koppelen. De waarde van form moet gelijk zijn aan de id van het formulier waarnaar het formulier verwijst. Hier is een voorbeeld van form-kenmerk dat de verzendknop koppelt aan ons Pizza-formulier:

form attribuut koppelde onze knop aan de vorm met de identifier Pizza. Dus wanneer we op onze knop klikken, wordt ons formulier verzonden met de id Pizza.

Training

training specificeert de URL van een programma dat de informatie verwerkt die door de knop wordt verzonden. Dit kenmerk kan alleen worden gebruikt als het type in uw knop Gelijk is aan Verzenden.

Hier is een voorbeeld van het kenmerk training gebruikt:

formenctype

formenctype specificeert kenmerk hoe het formulier versleuteld moet worden wanneer het naar de server wordt verzonden . Dit kenmerk mag alleen worden gebruikt als u het kenmerk "= `post`" in uw formulier gebruikt.

Hier ziet u een voorbeeld van formenctype dat wordt gebruikt om de platte tekst naar de server wanneer op onze knop wordt geklikt:

Formmethod

formmethod wordt gebruikt om de HTTP te specificeren methode die de browser zal gebruiken om het formulier in te dienen. Dit kenmerk mag alleen worden gebruikt met het kenmerk "type = `submit` ". P>

De twee geaccepteerde waarden ‚Äã‚Äãvoor de formmetho d zijn get en after. Als u informatie wilt ophalen of een HTTP GET wilt uitvoeren, moet u get gebruiken; als u informatie wilt verzenden of een HTTP POST wilt uitvoeren, moet u na gebruiken.

Hier is de syntaxis formmethod:

formnovalidate

formnovalidate wordt gebruikt om aangeven dat formuliergegevens niet hoeven te worden gevalideerd wanneer ze worden ingediend. Als u bijvoorbeeld gebruikersinvoer wilt accepteren, zelfs als ze niet in alle velden zijn ingevuld, moet u de formnovalidate

Hier is een voorbeeld van formnovalidate in action:

Formtarget

formtarget stelt de bestemmingspositie in voor het antwoord dat de server verzendt nadat het formulier is ingediend. De geaccepteerde waarden ‚Äã‚Äãvoor dit kenmerk zijn:. _blank, _self, _parent, _top <. / code>, of de naam van je Uframe

Hier is de syntaxis formtarget :

Naam

De tag name wordt gebruikt om de knopnaam te specificeren (die uniek moet zijn van alle andere lementi vormen en namen ) en gebruikt de volgende syntaxis:

waarde

de tag waarde specificeert de initiële waarde van de knop. Hier is de syntaxis waarde :

Conclusie

te gebruiken waarmee de gebruiker zijn bestelinformatie kan indienen wanneer deze klaar is.

In deze tutorial hebben we geleerd hoe we de als een expert!