Submit form fields inside display:none element
Solution 1:
Set them to visibility:hidden
and position:absolute
instead. The fields will not be sent to the server with display:none
, but will be with visibility:hidden
. By also toggling "position" to "absolute" you should get the same visual effect.
Update This does not appear to be an issue anymore in any current browser (as of Nov of 2015). Fields are submitted even if display is set to 'none'. Fields that are 'disabled', however, will continue to not be submitted.
Solution 2:
The HTML4, section 17.13.2, says explicitly that even hidden controls using display:none may be valid for submission.
https://www.w3.org/TR/html401/interact/forms.html
So if the browser ignores display:none then it is not fully HTML-capable. I recommend switching for a real browser.