Hvordan lage en knapp for sending inn et egendefinert bilde

Når du oppretter et skjema på nettstedet ditt, det uunngåelig ender med en "Send" -knappen. Den standard design for denne knappen er en enkel grå boks som du får når du bruker HTML-koden <input = "submit">. Hvis du ønsker å endre dette til å skape noe unikt for nettstedet ditt, kan du enkelt gjøre det ved å skape et bilde og bare å endre litt av HTML-koden.

Bruksanvisning

1 Lag et bilde som skal brukes som send-knappen. Du kan opprette dette ved hjelp av et bilderedigeringsprogrammet, for eksempel Photoshop eller GIMP. Husk å plassere tekst i bildet, slik at folk vet at dette er bildet de skal klikke. Noe sånt som "Send" eller "Klikk her" fungerer godt. Lagre bildet som en JPG eller GIF-fil. Husk filnavnet.

2 Lagre bildefilen der du vil lagre andre bilder. Mange mennesker skaper en spesiell "bilder" -mappen for sine nettsteder. Hvis du gjør dette, vil du ønsker å lagre bildet i "bilder" -mappen. Hvis ikke, kan du lagre bildet i hovedmappen.

3 Bruk riktig kode for å vise bildet som på send-knappen. Der du normalt vil bruke koden <input type = "submit">, vil du ønsker å endre den til å bruke et annet bilde. I stedet bør koden lese <input type = "image" er navnet på filen. Hvis du har lagret filen i en bildemappe, bør koden lese <input type = "image" er navnet på mappen og "bilde.jpg" er navnet på bildefilen.

4 Legg til flere attributter. Hvis du ønsker, kan du legge til flere spesifikasjoner i koden, for eksempel "høyde", "bredde" og "alt".

Hint

• Hvis bildet ikke vises, dobbeltsjekke at du har skrevet riktig filnavn og riktig plassering. Kapitaliserings saker.