Problemen Button met input

Door Jop B op 10-03-2015 12:33

838 views

Beste leden,

Met Internet Explorer 11 loop ik tegen een probleem aan met de volgende code:


<button type="button" class="xl deselected"><input id="wayof" hidden="hidden" type="radio" value="254" name="way_of_delivery" onchange="shippingSelect();">
          afhalen</button>
</button>

Explorer laat de input helemaal niet zien en toont enkel het volgende in de broncode:


<button type="button" class="xl deselected">
<br/>
</button>

Het is juist de bedoeling dat alleen de radio niet zichtbaar is.
In Google Chrome en Apple Safari werkt het wel juist.

Hebben meer mensen last van dit probleem?

Gr. Jop

Frank Nietbelangrijk

10-03-2015 12:45 gewijzigd op 10-03-2015 12:46

Wat zegt de w3c validator?
Waarom zie ik twee keer een </button> ?

Thom nvt

10-03-2015 13:07 gewijzigd op 10-03-2015 13:08

Dit is geen geldige HTML. In een button mag geen andere input genest worden (zie ook https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
Als je echt een radio input wil schakelen met een button element zul je of met javascript/jquery aan de slag moeten of een label element toevoegen om de radiobutton heen en die stylen als button.
een beetje zoals dit:


<label for="radiobutton" class="btn">
Afhalen
<input type="radio" class="hidden" name="radiobutton" />
</label>

Reageren

Inloggen om te reageren