Results 1 to 2 of 2

Thread: Making HTML Websites Mobile-Friendly

  1. #1

    Thread Starter
    Lively Member
    Join Date
    Sep 2008
    Location
    Scotland
    Posts
    68

    Question 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

  2. #2
    Frenzied Member tr333's Avatar
    Join Date
    Nov 2004
    Location
    /dev/st0
    Posts
    1,605

    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.
    CSS layout comes in to the 21st century with flexbox!
    Just another Perl hacker,

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
  •  



Click Here to Expand Forum to Full Width