HTML-Formular mit 2 IMAGE senden Schaltflächen

Question

Ich habe ein HTML-Formular und ich möchte 2 Tasten. Wenn Benutzer auf eine Schaltfläche klicken, wird ein Wert (Like) gesendet, wenn sie auf die andere Schaltfläche klicken, wird ein anderer Wert gesendet (Abneigung).

konnte ich das mit dem folgenden Skript erreichen:

<input type=”submit” name=”rating” value=”like” /> 
<input type=”submit” name=”rating” value=”dislike” /> 

Nun, was ich will als nächstes zu tun ist die 2 Standard-Senden-Schaltfläche (die grauen Kästen) durch schöne Bilder zu ersetzen. Ich versuche, dass:

<input type=”image” name=”rating” value=”like” src=”pic1.png” alt=”submit” /> 
<input type=”image” name=”rating” value=”dislike” src=”pic2.png” alt=”submit” /> 

Das Problem ist, dass der Wert I angegeben (wie/Abneigung) nicht mehr abgegeben ... Gibt es eine Möglichkeit, um das? Vielen Dank.

Answer 1

Verwenden CSS

input { 
 
background-image: url('http://www.clker.com/cliparts/3/P/l/W/c/E/orange-rectangle-button-hi.png'); 
 
}

<input type="submit" name="rating" value="like" /> 
 
<input type="submit" name="rating" value="dislike" />

Oder Sie können die syle innerhalb des Eingangs umfassen:

<input style="background-image: url('http://www.clker.com/cliparts/3/P/l/W/c/E/orange-rectangle-button-hi.png');" type="submit" name="rating" value="like" /> 
 
<input style="background-image: url('http://www.clker.com/cliparts/3/P/l/W/c/E/orange-rectangle-button-hi.png');" type="submit" name="rating" value="dislike" />