-
Aug 4th, 2016, 06:18 PM
#1
Thread Starter
Lively Member
Making HTML Websites Mobile-Friendly
Good morning
I wonder if someone could help me. I'm in the process of building a website for a client and at the moment am creating it solely in HTML - it's a simple website so there's no need for anything more complicated.
My query is this: I'm an iPhone user and there's nothing that annoys me more than filling in webforms on my iPhone and not being presented with the correct keyboard for the task. For example, I'm being asked to enter a string of numbers but am given the default keyboard rather than the solely numeric one, or being asked to provide an email address but not having the @ symbol readily available.
I've seen some websites where tabbing into a numeric-only field gives you a numeric keypad to work with, and tabbing into an email address field makes the @ symbol appear on the main keyboard. Therefore, it must be possible to do it, but I'm not sure how. Ideally it would be good to be able to make it friendly towards all mobile devices (Windows, Android and Apple).
Any thoughts?
TIA
Ian
-
Aug 4th, 2016, 06:52 PM
#2
Re: Making HTML Websites Mobile-Friendly
You want to use the HTML5 form input types and associated attributes.
https://miketaylr.com/code/input-type-attr.html
http://caniuse.com/#feat=forms
https://www.wufoo.com/html5/
These will allow you to restrict input to the specific type, and also have the browser do validation for you without requiring any JS.
Tags for this Thread
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|