StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POzend form for multicheckbox remove input from labels
text
Body
copied!<p>I am using zend_form (part of Zend Framwork) to create a form and found when I add a set of checkboxes using Zend_Form's multicheckbox element (Zend_Form_Element_MultiCheckbox) the code that is outputted like so:</p> <pre><code><label for="subjects-maths"> <input type="checkbox" value="maths" id="subjects-maths" name="subjects[]"> Maths </label> <label for="subjects-english"> <input type="checkbox" value="maths" id="subjects-english" name="subjects[]"> English </label> </code></pre> <p>I.e. the input is inside the label. Whereas the code is technically ok it is against good practice as far as the W3c see it and is also not the way I want it as it makes styling harder. What I want is the following:</p> <pre><code><div> <label for="subjects-maths"> Maths </label> <input type="checkbox" value="maths" id="subjects-maths" name="subjects[]"> </div> <div> <label for="subjects-english"> English </label> <input type="checkbox" value="maths" id="subjects-english" name="subjects[]"> </div> </code></pre> <p>Therefore how do I move the checkbox input out of the label and how do I surround each option in divs. I have looked at many pages on the internet of so called solutions but none work on multicheckboxes as it only targets surrounding labels (i.e the one that would say subjects in this example) not the actual options labels and inputs.</p> <p>Please help.</p> <p>Thanks Paul</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload