Je crée un formulaire de contact HTML qui utilise une image standard pour un bouton d'envoi.Comment créer un bouton Soumettre mouseover?
Voici le code html:
<form action="#">
<fieldset>
<input type="text" name="name" value="FULL NAME" onfocus="if (this.value=='FULL NAME') this.value='';"/>
<input type="text" name="" value="PHONE NUMBER" onfocus="if (this.value=='PHONE NUMBER') this.value='';"/>
<input type="text" name="" value="EMAIL" onfocus="if (this.value=='EMAIL') this.value='';"/>
<input type="text" name="" value="MOVE DATE" onfocus="if (this.value=='MOVE DATE') this.value='';"/>
<input type="text" name="" value="ORIGINATING ADDRESS" onfocus="if (this.value=='ORIGINATING ADDRESS') this.value='';"/>
<input type="text" name="" value="DESTINATION ADDRESS" onfocus="if (this.value=='DESTINATION ADDRESS') this.value='';"/>
<select name="type">
<option value="Private">Private</option>
<option value="Commercial">Commercial</option>
</select>
<input id="quoteSubmit" type="image" src="_images/btn_submit.png" alt="" />
</fieldset>
</form>
L'image statique bouton Soumettre est correct, mais je voudrais changer sur mouseover à btn_submit-over.png.
Je suis familier avec les survols utilisant des sprites css, mais ils ne fonctionnent pas pour les boutons de soumission. J'apprécierais de l'aide.
Merci!
Beaucoup plus agréable que le script. Site cool, jsbin btw – mplungjan
http://stackoverflow.com/questions/195632/how-to-change-input-button-image-using-css – mplungjan