Hvordan bruke HTML Button Tag

Hvordan bruke HTML Button Tag


HTML knappen <> -taggen brukes til å lage en knapp på en nettside. Alle de store nettleserne støtter <-knappen> tag. <-knappen> -taggen Må spesifiseres for å være en av tre typer: en "knapp" -knappen, en "reset" -knappen eller "send" -knappen. <-knappen> -taggen Er nyttig for å tillate besøkende å restarte eller sende inn et skjema, samt gi området navigasjon siden det trekker en besøkendes oppmerksomhet mer enn en vanlig tekstlink på en side. En <-knappen> tag lar deg plassere tekst eller et bilde inne på knappen.

Bruksanvisning

1 Åpne HTML-fil på websiden du ønsker å plassere på knappen på i din foretrukne HTML eller ren tekst editor.

2 Finn hvor du vil at knappen skal vises, og klikk for å flytte markøren til det punktet.

3 Type

<-knappen

å starte åpningen <-knappen> tag.

4 Type

type = "reset"

å lage en knapp for å tilbakestille et skjema.

En type verdi på "send" skaper en knapp for å sende inn et skjema. En type verdi på "knappen" skaper standardknapp som ikke gjør noe før du definerer det. Deretter definerer dette standardknapp ved å skrive

onclick = 'script'

Erstatt "script" med selve manuset kode kjøres når knappen klikkes. For eksempel, for å fortelle på knappen for å ta den besøkende til en URL, skriver

onclick = "window.location = 'http: //www.domain.com'"

5 Fullfør åpningen <-knappen> tag ved å legge til> symbol på slutten.

6 Skriv inn teksten eller bruke en <img> -taggen å angi at teksten eller bildet du ønsker skal vises i knappen.

7 Lukk tag ved å skrive:

</ Knapp>

For eksempel vil en ferdig knapp kode som dirigerer besøkende til en URL ligne

<-knappen Onclick = "window.location = 'Klikk"> http://www.domain.com' "> Klikk her for å gå til Domain.com </ knapp>

8 Lagre HTML-filen, og laste det opp til webserveren.

Hint

  • Sjekk websiden etter at den er lastet opp for å se at knappen fungerer som den skal.