Responsive Form
The responsive nature of this form is not what interests me. It is rather the behanviour of a drop-down list. As I don't use dropdowns, and I would need to use php or some other type of script (Perl, cgi etc)
My problem is the use of a dropdown as a means of navigation. As used in the VCS Parish Council solution. The handling on an iPhone (could be just a feature of Safari or iOS) does not "sit well" with me.
I don't understand why Hugh uses a form element for navigation, he is (supposedly) a proponent of "modern" design. Usng CSS is the "modern" way, especially if accompanied by media queries.
The drop-down list
The code below was taken from th W3C example. It is just a <:select> form element, I am only using it to see how it looks on an iPhone.
If you view the Country Select taken from the W3C example and view this page on an iPhone you can see that the handling of the dropdown is not dependent on the coding. The VCS use of the "responsive" mobile display (possibly the same on Mac) is not intuative to me and not the way a menu should be implemented.