So, I'm trying to get away with murder here, or at least I feel like I am. I am making an HTML calendar that will allow users to choose a day and submit the form to the server side for more processing without using javascript. Here is a snippet of my HTML:
30
$1.00 |
31
$1.00 |
1
$1.00 |
Here is my CSS:
.day input {
display: none;
}
For good measure here is screenshot of what I am doing both with and w/o the radio buttons hidden:
The idea is that when the user clicks on the label (which is not hidden) the radio button it is attached to via the "for" attribute it will become checked. However, watching the behavior in the Chrome Developer Tools shows no change in the "checked" attribute of the radio button input element.
If I change the CSS to this:
.day input {
display: inline-block;
}
The radio button is checked every time I click on the label it is associated with. Any ideas? Am I doing this wrong?