Hvordan Input Button Stiler i Google Chrome

Google Chrome kan legge visse knapp stiler til en nettside ved hjelp av Hypertext Markup Language (HTML). HTML er et felles web språk som brukes til å kode websider. Du kan bruke HTML for å sette inn en vanlig knapp - lik de som finnes på webskjemaer, dialogbokser eller Javascript pop up - eller en alternativknapp, en liten sirkel som er fylt med en svart prikk når den klikkes på. Radioknappene brukes når tilbyr brukerne et valg å velge mellom, mens knappene brukes til å sende eller klare former.

Bruksanvisning

1 Sett "<-knappen type =" button "> </ knapp>" inn i HTML-koden for å legge til en grunnleggende knapp til en side i Google Chrome. Sett inn et navn for knappen i mellom "<-knappen>" koder. Eg,

<-knappen Type = "button"> Klikk her </ knapp>

2 Endre "type" attributt til "reset" eller "send" for å lage en knapp som fjerner eller sender tekst i et skjema. For eksempel:

<-knappen Type = "reset" value = "Nullstille">
eller
<-knappen Type = "submit" value = "Send">.

3 Sett "<input type =" radio ">" i HTML-koden for å legge inn en radio-stil-knappen i Google Chrome. Ikke ta sitatene rundt koden.

4 Legg til "navn" og "verdi" attributter til "<input>" tag å tildele en klasse og pre-eksisterende verdi på radio-knappen. "Navnet" attributtet brukes som referansedata i en form, mens "verdi" attributt vises som tekst til høyre for radioknappen. Eg,

<Input type = "radio" name = "dogs" value = "Whippet">

Hint

  • "Reset" og "Send" knappene vil ikke fungere med mindre de er omgitt av <form> tags.
  • Du kan også opprette en knapp med HTML "<input type =" button "value =" ønsket knapp tekst ">".