<input type="image" src="cheminDeTonImage" />

Il existe une balise html pour ça :

[html]<input type="image" src="cheminDeTonImage" />[/html]

Il va se comporter comme un submit :)

<form action="" method="post" enctype="multipart/form-data" id="form">
    <p><input type="file" name="files[]" multiple="multiple" accept="application/pdf"/></p>
    <p><input type="submit" id="upload" value="Envoyer"/></p>
	<div id="loading2" style="display:none;"><img src="loading.gif" alt="" /></div>
	<script type="text/javascript">
(function (d) {
  d.getElementById('form').onsubmit = function () {
    d.getElementById('upload').style.display = 'none';
    d.getElementById('loading2').style.display = 'block';
  };
}(document));
</script>

Bonjour,

J'ai un formulaire d'upload de fichiers et j'aimerais placer le gif animé devant le bouton "Envoyer" mais je ne sais pas comment m'y prendre. Côté css, je suis nul.

Voici le code mon formulaire :
[html]
<form action="" method="post" enctype="multipart/form-data" id="form">
<p><input type="file" name="files[]" multiple="multiple" accept="application/pdf"/></p>
<p><input type="submit" id="upload" value="Envoyer"/></p>
<div id="loading2" style="display:none;"><img src="loading.gif" alt="" /></div>
<script type="text/javascript">
(function (d) {
d.getElementById('form').onsubmit = function () {
d.getElementById('upload').style.display = 'none';
d.getElementById('loading2').style.display = 'block';
};
}(document));
</script>
[/html]
Merci