Etykieta obrazu dla wejścia w formularzu, którego nie można kliknąć w IE11
Problem
W IE11 obraz w następującym kodzie jest klikalny, aby aktywować / przełączyć wejście w etykiecie:
<label>
<input type="checkbox"> some text
<img src="http://placeimg.com/100/100/any" alt="some img">
</label>
Podczas gdy obraz w tym dokładnie tym samym kodzie, ale wewnątrz a<form>
nie można kliknąć, aby włączyć / przełączyć wejście:
<form>
<label>
<input type="checkbox"> some text
<img src="http://placeimg.com/100/100/any" alt="some img">
</label>
</form>
Zauważ, że w powyższej przykładowej animacji klikam drugi obraz, który nie działa, ale kliknięcie tekstu działa (wystarczy to zrobić, aby to pokazać).
Zostało to przetestowane i odtworzone na:
IE 11.0.9600.16428 w systemie Windows 7 Pro SP1 x64.IE 11.0.9600.16438 na tablecie Windows RT 8.1.IE 11.0.9600.17105 na Windows 7 Pro SP1 x64.IE 11.0.10240.16431 naWindows 10Ten problem nie występuje w IE9, IE10, MicrosoftKrawędźi inne przeglądarki.
Pytania:Czy można to rozwiązaćbez JS podczas korzystania z tagów obrazów?Jeśli nie, jakie są inne możliwe rozwiązania?(Opcjonalny) Dlaczego obraz w drugim przykładzie nie uruchamia elementu wejściowego (robiąc to w pierwszym)?