HTML: skapa-knapp - hur det fungerar
Du behöver alltid knappar på din webbplats och särskilt i former. Vi förklarar hur du skapar dem med HTML.
Skapa HTML-knappar:
- Du behöver klassiska knappar särskilt i form av en form. Därför bör du bädda in följande kodavsnitt i elementet.
- Vi förklarar i detalj hur man skapar en enkel form här.
- Du kan skapa knappar med olika element. Den mest uppenbara metoden är elementet.
- Du använder attributet "typ" för att definiera olika funktioner.
- typ = "skicka" är standardanvändningen av knappelementet. Detta skapar en skicka-knapp för det tillhörande formuläret.
- typ = "knapp" definierar knappen utan en fast åtgärd. I det här fallet kan du till exempel skriva ett skript själv och länka det med knappen ID.
- typ = "återställning" återställer poster i tillhörande form till initialvärden.
- Observera att i "form" -elementet i formuläret måste du definiera attributen "handling", "metod" och eventuellt "enctype" så att du kan skicka data.
- Du kan också använda attributen "namn" och "värde".
- Med denna kombination kan du också skicka en knapp med ett definierat värde genom att klicka på en knapp, som är kopplad till det under definierade namnet.
- Detta är användbart om du till exempel anger två eller flera "Skicka" -knappar.
- Skriv texten som din knapp visar mellan öppnings- och stängningsknappelementen.
- Till exempel kan du sätta en sådan knapp i slutet av ditt formulär: Jag håller med
Skapa HTML-knappar:
- Du kan också använda formulärelementet för att skapa knappar.
- Observera att detta är ett fristående element och att du inte behöver stänga det.
- Beroende på vilken HTML-version som används kan du ange detta med /> eller inte behöva markera det alls.
- Även för knappar definierar du knapptypen med attributet "typ".
- Även här kan du ange skicka, återställa och knappen. Dessa fungerar sedan på ett liknande sätt som beskrivs i föregående stycke.
- Eftersom den står ensam finns det skillnader i knapptexten som visas. Du anger detta med attributet "värde".
- Knappen från tidigare skulle se ut så här:
- Abstrakta poster för "värde" rekommenderas inte här.
Skapa HTML-knappar: alternativknappar och kryssrutor
- Med kan du också skapa radioknappar och kryssrutor. För att göra detta, ange "radio" eller "kryssruta" som typ.
- När du skapar en uppsättning radioknappar kan bara någon vara aktiv. Däremot kan flera kryssrutor väljas.
- Du skapar en uppsättning genom att ge alla knappar eller kryssrutor i uppsättningen samma namn i attributet "namn".
- Värdeposter krävs snabbt här så att data också kan skickas. Dessa värden bör naturligtvis skilja sig åt för knapparna.
- Om du också vill tilldela namn med elementet bör du också tilldela ett ID till varje knapp.
- Bifoga elementet med elementet, använd attributet "för" i elementet eller kombiner de två metoderna för att ansluta etiketten med knappen.
- Om du vill att en knapp ska aktiveras som standard lägger du till "markerad" som ett separat attribut.
- En radioknappsats kan se ut så här: Jag gillar radioknappar
- Jag gillar inte radioknappar
- Tre kryssrutor kan se ut så här: Jag använder HTML4
- Jag använder XHTML
- Jag använder HTML5
Skapa HTML-knappar: Gruppera knappar med
- Om du vill sammanfatta dina knappar tydligt kan du markera dem med elementet som en uppsättning.
- Ange också ett namn för uppsättningen med objektet.
- Radioknapparna kan se ut så här: Radioknappar
- Jag gillar radioknappar
- Jag gillar inte radioknappar
Om du vill använda dina knappar nu förklarar vi i nästa praktiska tips hur du skapar HTML-formulär.