Använda Knappar

Taggen <button> skapar klickbara knappar på webbsidor. Den möjliggör för användare att interagera med webbsidan genom att utlösa åtgärder såsom att skicka in ett formulär eller köra JavaScript-kod. Även om vi inte fokuserar på JavaScript i denna kurs är det viktigt att känna till att denna möjlighet finns.

Typer av knappar

• Standardknapp (<button type="button">): En allmän knapp som används för olika åtgärder på webbsidan, såsom att utlösa JavaScript-funktioner eller navigera till en annan sida;
• Skicka-knapp (<button type="submit">): Används i ett formulär för att skicka formulärdata till en server;
• Återställningsknapp (<button type="reset">): Används i ett formulär för att återställa formulärfälten till deras standardvärden.

Exempel:

I exemplet ovan:

• Den första knappen är en standardknapp med ett onclick-attribut som utlöser en varning när den klickas på;
• Den andra knappen är en skicka-knapp som skickar formulärdata till servern;
• Den tredje knappen är en återställningsknapp som återställer formulärfälten till deras standardvärden.