Bilder som formulärsknappar

8 svar · 601 visningar · startad av SONICdust 29 maj 2006

SONICdustMedlem sedan nov. 2003196 inlägg

Frågan29 maj 2006 12:03#1

Hej,

Hoppas att ni kan hjälpa mig och rda ut några frågor jag har om hur det funkar med bilder sim formulärsknappar.

Själv före drar jag att inte använda bilder för jag har någonstans i bakhuvudet ett minne av att det inte ska fungera fullt ut för alla. Men jag kan ha fel.

Men nu så får jag rätta mig efter designen och där ska det vara bilder på alla knappar i ett formulär.

Funkar det för alla webbläsare och operativsystem?
Skickas alla information med som finns i formuläret?
Koden är skriven i Strict XHTML 1.0, har kan en sådan bild knapp se ut i fall det fungerar.

Tack på förhand!

TroxyMedlem sedan mars 20041 505 inlägg

29 maj 2006 12:21#2

Det ska enligt min erfarenhet fungera för alla. Kan man inte visa bilder så ser man texten "Skicka" istället.

<input type="image" src="button.gif" value="Skicka" />

SONICdustMedlem sedan nov. 2003196 inlägg

29 maj 2006 13:16#3

OK, som sagt så känner jag till det rätt dåligt. Därför jag frågar för att höra mig för

zcorpanMedlem sedan dec. 20042 245 inlägg

29 maj 2006 13:45#4

Troxy skrev:

Det ska enligt min erfarenhet fungera för alla. Kan man inte visa bilder så ser man texten "Skicka" istället.
<input type="image" src="button.gif" value="Skicka" />

Det borde vara alt="Skicka", inte value="Skicka". Annars är type="image" tänkt för "server side image maps", inte för skickaknappar. Men det kanske bara är jag som är pedantisk. :)

Ett annat sätt är att använda <button> såhär:

<button type="submit"><span></span>Skicka</button>

button { width:100px; height:50px; overflow:hidden; position:relative; }
button span { background-image:url(skicka.png); position:absolute; width:100%; height:100%; }

...eller nåt i den stilen.

SONICdustMedlem sedan nov. 2003196 inlägg

29 maj 2006 14:24#5

Har inte testast några av era kod, men om ni säger att det ska funka så tror jag på er. men undra vart jag har fått att det ska strula i IE?

zcorpanMedlem sedan dec. 20042 245 inlägg

29 maj 2006 15:12#6

IE har några buggar med <button>.

SONICdustMedlem sedan nov. 2003196 inlägg

29 maj 2006 18:38#7

zcorpan skrev:

IE har några buggar med <button>.

oh vilka är dom?

zcorpanMedlem sedan dec. 20042 245 inlägg

30 maj 2006 07:42#8

De jag känner till...

type="" defaultar till "button" istället för "submit" (#54121).
.value reflekterar .innerText istället för value="" (#54127).
Om man har flera <button>s med samma namn i ett formulär skickas alla (så man vet inte vilken knapp användren tryckte på). Fixat i IE7.

SONICdustMedlem sedan nov. 2003196 inlägg

1 juni 2006 09:34#9

zcorpan skrev:

De jag känner till...

type="" defaultar till "button" istället för "submit" (#54121).

.value reflekterar .innerText istället för value="" (#54127).

Om man har flera <button>s med samma namn i ett formulär skickas alla (så man vet inte vilken knapp användren tryckte på). Fixat i IE7.

Tackar för dom tipsen, omdet finns fler är det bara fylla på!