Oprettelse af knapper Brug af HTML-indtastningstags i formularer

Du kan oprette brugerdefinerede tekstknapper i HTML ved hjælp af tag. Det element bruges inden for a

element.

Ved at indstille attributten type til "knappen" vil der blive genereret en simpel klikbar knap. Du kan definere den tekst, der vises på knappen, f.eks. "Send", ved at bruge værdi attribut.

For eksempel:

Vær opmærksom på at tag vil ikke indsende en HTML-formular Du skal stadig indeholde JavaScript for at kunne håndtere formularindgivelsen. Uden et JavaScript onclick Begivenhed, knappen ser ud til at være klikbar, men intet vil ske, og du vil have frustreret dine læsere.

Det

Selvom du bruger input-taggen til at oprette en knap, fungerer for dens formål, er det en bedre mulighed for at bruge tag til at oprette din hjemmeside HTML-knapper. Det tag er mere fleksibel, fordi det giver dig mulighed for at bruge billeder til knappen (som hjælper dig med at bevare visuel konsistens, hvis dit websted har et designtema), og det kan f.eks. defineres som en indsend eller nulstil type knap uden at skulle behøve ekstra JavaScript.

Du vil gerne angive knappen type attribut i nogen tags. Der er tre forskellige typer:

knap - Knappen har ingen indbygget opførsel, men bruges sammen med scripts, der kører på klientsiden, der kan knyttes til knappen og udføres, når den klikkes.

Nulstil - Nulstiller alle værdier.

Indsend - Knappen sender formulardata til serveren (dette er standardværdien, hvis ingen type er defineret).

Andre attributter omfatter:

navn - Giver knappen et referencenavn.

værdi - Angiver en værdi, der først tildeles til knappen.

deaktivere - Slukker knappen.

HTML5 tilføjer nogle yderligere attributter til
formaction - Anvendes kun med type = "submit" og en URL som værdien, specificerer den, hvor formulardata skal sendes. For eksempel:

formenctype - Anvendes kun med type = "submit" attribut. Definerer, hvordan formulardata skal kodes, når de sendes til serveren. De tre værdier er application / x- www-formen-urlencoded (Standard), multipart / formulardata-data, og text / plain.

formmethod - Anvendes kun med type = "submit" attribut. Dette specificerer hvilken HTTP-metode, der skal bruges, når du sender formulardata enten få eller stolpe.

formnovalidate - Anvendes kun med type = "submit" attribut. Formulardata vil ikke blive valideret, når de indsendes.

formtarget - Anvendes kun med type = "submit" attribut. Dette indikerer, hvor webstedsresponsen skal vises, når formulardata indsendes, f.eks. I et nyt vindue osv. Værdimulighederne er enten _blank, _self, _parent, _top, eller et bestemt ramnavn.

Hvis du bruger formularer, kan du måske læse om at lave knapper i HTML-formularer, og hvordan du gør dit websted mere brugervenligt.