bouton image avec html5
Je suis en train de faire une image de bouton. Je suis à l'aide de/l'apprentissage du html5 et jquery mobile. c'est mon exemple de code:
<img src="img/beer.png" alt="beer" />
<input type="image" src="img/beer.png" />
l'image est affichée, mais le type d'entrée n'affiche pas l'image. que dois-je faire de mal ?
- votre code de travail, lorsque je n'utilise pas jquery bibliothèques. Quelqu'un a une idée de comment je peux utiliser l'élément de bouton avec une image et à l'aide de jquery mobile bibliothèques comme ceci jsfiddle.net/cyB7B/3
Vous devez vous connecter pour publier un commentaire.
<input type="image" src="img/beer.png" />
est destiné à collecter des coordonnées. Si vous voulez l'utiliser comme un bouton "soumettre", vous devrez ajouter unonsubmit
-événement, par exempleMais vous devriez plutôt utiliser la
<button>
-élément, ce qui est beaucoup plus souple. Il peut contenir du texte, des images ou des deux:Modifier (2016-02-12)
À compter d'aujourd'hui*, l'exemple ci-dessus n'est pas considéré comme 100% valide car
<p>
-éléments ne sont pas autorisés à l'intérieur d'un<button>
-élément plus.Selon la MDN de référence de l'élément HTML le seul autorisé de la catégorie de teneur à l'intérieur d'un
<button>
-élément est appelé Le phrasé de contenu:*aujourd'hui, que j'ai lu à ce sujet, pas quand le changement a été introduit
img
éléments à l'intérieur debutton
éléments du w3c docs lien. La seule différence que je vois, c'est que dans l'exemple cité comme illégale, le contenu du "bouton" se compose entièrement de laimg
http://jsfiddle.net/cyB7B/
Cela fonctionne pour moi...avez-vous d'autres codes susceptibles de nuire? CSS peut-être?