As you may know, the form element visual render is controlled by both the OS and the browser. With the arrival of all the new mobile and tablet browser and OSs, we get more and more different render for form elements. The idea of this little project is to test and gather many screenshots of how the different form elements, HTML5 and “old” classic ones will look across different mobile and tablet OS and browsers. Then we want to create in the end a gallery of what it would look like for everybody to show clients, devs and designers. The idea is not only to see if the form element is supported and the render of the element, but to see how the nativ control looks when the field it is focused( eg. keyboard changes for email, search, nativ select lists, etc.). That’s actually why we need you to do the screenshots with the field focused (and can’t use online testing tools)
How to help ?
If you want to help to create this little gallerie of screenshots, you just have to check this form elements page (put together by Pascal C – @eQRoeil ) and take some screenshots from your mobile / tablet. We need you to make a screenshot of each field with the focus on it (except radio/checkbox and range) so that we can gather as many information as possible on the native controls of each browser + OS. It would also be if you could add the browser + information. To participate, you’ll just have to use our template to re-create the page for your mobile or fork it on github. You can also use my contact information here to send me the screenshots and I’ll do the boring work of putting them together.
You can also directly fork the code on github and send me a merge request !
Thanks to all in advance 🙂
Results so far
List of Screenshots so far :
- Windows Phone
- Windows Phone 8 (IE10)