Hvordan legge til en egendefinert Send-knapp til en form

Hvordan legge til en egendefinert Send-knapp til en form


Et bredt spekter av alternativer er tilgjengelige for nettstedet utviklere med tanke på hvordan en nettside til slutt presenteres for publikum. Selv om du er kjent med grunnleggende bruk stilelementer i websidene dine, skjønt, kan du finne at å legge en tilpasset "send" knappen i et skjema er en vanskelig oppgave i Hypertext Markup Language (HTML). Ved å følge en bestemt prosedyre, men gjør oppgaven mye enklere.

Bruksanvisning

1 Åpne HTML-fil som inneholder skjemaet som du ønsker å legge til en egendefinert send-knappen. Bruk din foretrukne tekstredigeringsprogrammet for denne oppgaven.

2 Finn skjema som du ønsker å legge til egendefinerte send-knappen, og legge til en innlevering knapp til det ved å skrive inn følgende kommando før den avsluttende "</ form>" tag: <input type = "button">

3 Sett en "verdi" element for knappen med tomme anførselstegn ( ""). Ditt innspill taggen skal da: <input type = "button" value = "">

4 Sett inline stilelementene for knapp. Gi den en "grensen" verdien "0", en "markør" verdien "pointer" og "height" og "width" verdier lik høyden og bredden på egendefinert "Send" -knappen bildet i piksler. Et eksempel med "XXX" og "YYY" i stedet for faktiske pixel bredde og høyde, er:

<Input type = "button" value = "" style = "border: 0px; cursor: pekeren; width: XXXpx; height: YYYpx">

5 Legg en "bakgrunnsbilde" verdi til de innebygde stiler som peker til den tilpassede sende knappebilde. Formatet for å gjøre dette er: "background-image: URL (image.jpg)". Ditt innspill taggen skal nå lese:

<Input type = "button" value = "" style = "border: 0px; cursor: pekeren; width: XXXpx; height: YYYpx; background-image: URL (image.jpg)">

Der "bilde.jpg" er filnavnet til den egendefinerte send-knappen.

6 Lagre HTML-filen i tekstredigeringsprogram, og åpne den i din foretrukne nettleser. Sørg for at skjemaet ser ut slik du vil ha det til, og deretter lukker tekstredigeringsprogram.

Hint

  • Knappen trenger ikke å plasseres direkte før den avsluttende "</ form>" tag. Hvis du har innhold du ønsker å plassere mellom knappen og slutten av skjemaet, reposisjonere knappen er akseptabelt hvis den ligger mellom åpning og lukking av "<form>" tag.
  • Hvis bildet ikke vises når du viser HTML-filen i nettleseren din, må du sørge for at banen til bildefilen er referert riktig i "background-image: URL (image.jpg)" stilelementet. Bildet trenger ikke å leve i samme katalog som HTML-fil, men det må være referert til av enten sin fulle filbanen eller dets riktige banen i forhold til HTML-fil nåværende katalog.