Scribd
Upload
3 views19 pages

Week 12

The document discusses the challenges of typing on mobile devices and emphasizes the need for user-friendly input methods. It highlights the advantages of HTML5 standardized input types, such as email, tel, number, and date, which simplify data entry on smaller screens. The document aims to improve the overall user experience by making input entry clear and accessible for all users.

Uploaded by

noumanikram989
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
3 views19 pages

Week 12

The document discusses the challenges of typing on mobile devices and emphasizes the need for user-friendly input methods. It highlights the advantages of HTML5 standardized input types, such as email, tel, number, and date, which simplify data entry on smaller screens. The document aims to improve the overall user experience by making input entry clear and accessible for all users.

Uploaded by

noumanikram989
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 19

Input Introduction

Input Introduction
• Some users can easily type longer text on mobile
devices.

• But it is still very touch to just type with thumbs.


• So we must make of Input entry easy for all the users.

• Also while entering data it should be clearly visible. It is


much difficult to enter the small font data.
Keyboard Input
Phones and tablets do not have the benefit most
desktops and laptops do, which is a large input device
called the "keyboard". Virtual keyboards offered by
mobile devices are physically smaller and usually more
tedious to operate, but the great news is that HTML5 has
already standardized a handful of input types which
make them easier to use.
Input Types in HTML5
search email url tel

number range date month

week time datetime datetime-


local

color
Text
The most common input type

<input type="text">
Email
Entering an email on the standard keyboard is very
difficult. When we use Input Type as email. We get a @
sign as well as the .com and other handy buttons to just
make entering an email address as easy as possible.

<input type="email">
Tel
Tel input provides the user with ability to add the
numbers , it provides ability to quickly add *, # , + signs
as well.

<input type="tel">
Number
Number input provides a key board to quickly add the
numbers.

<input type="number">
Date
Date input types makes it very easy to enter the date on
Webpage. Using Calendar can be little difficult for users

<input type="date">
Date & Time
Entering Date and Time is very Difficult but for mobile
devices, using Date & Time input it becomes very easy
to enter data.

<input type="datetime">
• Month
• Search

You might also like