Personlig knapp i formulär, någon som vet hur man gör?

Tråden skapades och har fått 5 svar. Det senaste inlägget skrevs .
1

Ett annat litet bekymmer som nog är betydligt lättare än mitt förra: hur får man en dit en liten gif-bild istället för standard "send"-knappen i ett formulär..?

Har provat lite olika varianter med "img src" vid värdet "value" utan framgång.
säkert pinsamt lätt men jag kan inte komma på det:">

<div id="form">

<form action="http://www.test.se/kontakt.php" method="POST">
Name:<br /> <input type="text" class="skugga" name="namn" value="" /><br />
E-mail:<br /> <input type="text" class="skugga" name="epost" value="" /><br />
Message:<br /> <textarea name="comments" class="skugga" rows="7" cols="35"></textarea><br />
<input type="submit" value="Send" />
</div>

  • Medlem
  • Göteborg
  • 2007-11-03 00:57

Hehe. <input type="image" src=".."> will do. Läs specarna om du inte vet. W3C duvet. www.w3.org

Aaah okej.. så det var vid input type, det ska jag prova. Hmm.. var nog väldigt trött igår kväll.. Vilka specar förresten, står det om sånt på w3c? Jag har mest haft dom till att validera mina sidor, hade faktiskt ingen aning om det. Tack för hjälpen.

Notera att Safari är extremt fientligt mot försök till egen design av formulärelement. Jag brukar bygga för firefox/IE och stå ut med att Safari vägrar.

Ps - fast om du tycker det är ok med massa javascript så finns det lite olika metoder, t ex kan du använda vanliga a-länkar och ge dem funktionalitet. Det går t o m att bygga egna selectlistor och sånt, fast det blir mycket javascript..

En submitknapp gjord med en bild kan se ut så här:

<a class="submission" href="#" onclick="document.insert.submit();return false;"><img src="image.jpg"/></a>

Sen kan man ju använda input type image med samma javascript som ovan.

Inget av alternativen är så där jätte-accessible.

Med input type submit i firefox och IE kan du via css sätta bild och design och sen får du leva med att Safari struntar i merparten av css:n

Tjena ninjamac,

Ja det kan ju vara bra att veta. Annars är javascript något jag har hållt mig borta ifrån än så länge, det har liksom känts som okänd och lite skrämmande mark för mig.:confused:
Du vet kanske nån bra sida med färdiga javascript för enkla funktioner? Tror inte jag orkar lära mig ännu ett kodspråk från grunden i nuläget:)

Än så länge så visar safari min sida tjusigt - förutom en skuggeffekt jag lagt inuti formulär-rutorna. Men firefox verkar ju verkligen vara den webläsaren som följer alla regler bäst.

Har tyvärr inte IE installerat (så jag kan inte kolla preview) och det är ju tyvärr den webläsaren som det helst ska funka i, eftersom så många använder den.

Jag tycker att ett bra förfaringssätt kan se ut så här:
1) Skapa ett standardformulär som fungerar fullt ut i vanlig XHTML.
2) Styla med css för firefox och IE (du behöver skaffa dig tillgång till IE, helst både IE6 och IE7)
3) Bygg eventuellt ut med javascript/DOM - en bra källa till info är http://w3schools.com/

1
Bevaka tråden