L'Image de l'étiquette de l'entrée dans une forme non cliquable dans IE11

Le problème

Dans IE11 l'image dans le code suivant est cliquable pour activer/bascule l'entrée dans le label:

<label>
    <input type="checkbox"> some text
    <img src="http://placeimg.com/100/100/any" alt="some img">
</label>

Alors que l'image dans la présente exactement le même code, mais à l'intérieur d'un <form> n'est pas cliquable pour activer/bascule l'entrée:

<form>
<label>
    <input type="checkbox"> some text
    <img src="http://placeimg.com/100/100/any" alt="some img">
</label>
</form>

(Démo sur jsfiddle)

L'Image de l'étiquette de l'entrée dans une forme non cliquable dans IE11

Notez que dans l'exemple de l'animation ci-dessus, je suis en cliquant sur la seconde image, qui ne fonctionne pas, mais en cliquant sur le texte fonctionne (juste fait ça pour le démontrer).

Cela a été testé et est reproduit sur:

  • IE 11.0.9600.16428 sur Windows 7 Pro SP1 x64.
  • IE 11.0.9600.16438 sur Windows RT 8.1 tablette.
  • IE 11.0.9600.17105 sur Windows 7 Pro SP1 x64.
  • IE 11.0.10240.16431 sur Windows 10

Ce problème ne se produit pas dans IE9, IE10, Microsoft Bord, et les autres navigateurs.

Questions:

  1. Cela peut-il être résolu sans JS tout en utilisant les balises d'image?
  2. Si non, quelles autres solutions sont là?
  3. (Facultatif) Pourquoi ne pas l'image dans le deuxième exemple déclencher l'élément d'entrée (tout en le faisant dans le premier)?
InformationsquelleAutor Qtax | 2013-11-25