Skapa knappar Använda HTML-inmatningstaggar i formulär

Du kan skapa anpassningsbara textknappar i HTML med hjälp av märka. De element används inom a

element.

Genom att ange attributet typ till "knappen" kommer en enkel klickbar knapp att genereras. Du kan definiera texten som kommer att visas på knappen, till exempel "Skicka", genom att använda värde attribut.

Till exempel:

Var medveten om att taggen kommer inte att skicka in en HTML-blankett Du måste fortfarande inkludera JavaScript för att hantera formulärdatainsändningen. Utan en JavaScript onclick händelse, knappen verkar vara klickbar men ingenting kommer att hända, och du kommer att ha frustrerat dina läsare.

De

Även om du använder inmatningskoden för att skapa en knapp fungerar för dess syfte, är det ett bättre alternativ att använda tagg för att skapa HTML-knappar på din webbplats. De taggen är mer flexibel eftersom den låter dig använda bilder för knappen (vilket hjälper dig att bevara visuell konsistens om din webbplats har ett designtema), och det kan exempelvis definieras som en inlämnad eller återställd knapptryckning utan att behöva extra JavaScript.

Du kommer att vilja ange knappen typ attribut i någon taggar. Det finns tre olika typer:

knapp - Knappen har inget inneboende beteende men används tillsammans med skript som körs på klientsidan som kan fästas på knappen och körs när den klickas.

återställa - Återställer alla värden.

lämna - Knappen skickar data till servern (detta är standardvärdet om ingen typ är definierad).

Andra attribut inkluderar:

namn - Ger knappen ett referensnamn.

värde - Anger ett värde som initialt tilldelas knappen.

inaktivera - Stänger av knappen.

HTML5 lägger till några ytterligare attribut till
formaction - Används endast med type = "submit" och en URL som värdet, specificerar det var formulärdata ska skickas. Till exempel:

formenctype - Används endast med type = "submit" attribut. Definierar hur formulärdata ska kodas när de skickas till servern. De tre värdena är application / x-www-form-urlencoded (standard), multipart / form-data, och text / plain.

formmethod - Används endast med type = "submit" attribut. Detta anger vilken HTTP-metod som ska användas vid inlämning av formulärdata skaffa sig eller posta.

formnovalidate - Används endast med type = "submit" attribut. Formdata kommer inte att valideras vid inlämning.

formtarget - Används endast med type = "submit" attribut. Detta indikerar var svaret på webbplatsen ska visas när formulärdata lämnas in, till exempel i ett nytt fönster, etc. Valalternativen är antingen _blank, _self, _parent, _top, eller ett specifikt ramnamn.

Om du använder formulär kanske du vill läsa om hur du gör knappar i HTML-formulär och hur du gör din webbplats mer användarvänlig.