Hvordan lage en HTML-knapp som fungerer som en lenke
Noen ganger kan det være lurt å bruke en knapp for å koble til en annen side eller et nettsted i stedet for å sende inn et skjema eller noe sånt. Dette er ganske enkelt å gjøre og kan oppnås på flere måter.
En måte er å bare pakke inn
taggen din:
Link To freeCodeCamp
Dette forvandler hele knappen til en lenke.
Et annet alternativ er å opprette lenken din som du normalt ville gjort med taggen din , og deretter style den via CSS:
Link To freeCodeCamp
Når du har opprettet lenken din, kan du bruke CSS for å få den til å se ut som en knapp. For eksempel kan du legge til en ramme, en bakgrunnsfarge, noen stiler for når brukeren holder markøren på lenken ...
En annen måte å legge til en knapp er å pakke input
innvendige form
tagger. Angi ønsket mål-URL i skjemahandlingattributtet.
Mer informasjon:
- freeCodeCamp Guide - stylingknapper
- freeCodeCamp Guide - Slik bruker du koblinger
- Hvordan lage en HTML-knapp som fungerer som en lenke?