input types

Question 1

Which input types are available in HTML5 forms?

Answer 1

email, url, number, range, Date pickers, search and color

Question 2

Which form input type will you use if you wish to take an email as input from the user?

Answer 2

HTML5 form provides input field of type ‘email’ that can be used to take email address as input. The benefit is that email validation is done automatically.
e.g. ‹input type=”email” name=”email”/›

Question 3

Name any three types of date picker.

Answer 3

a) month - selects month and year
b) week - selects week and year
c) time - selects time (hour and minute)

Question 4

Which HTML5 input type will allow you to select color?

Answer 4

Color type can be used to get color input from the user. The user experience may vary depending upon the browser.
e.g. Select color: ‹input type=”color” name=”user_color” /›

Question 5

What is the default video format for HTML5?

Answer 5

Ogg Theora is the default video format in HTML5.

Question 6

How do you differentiate HTML5 and Flash when playing videos?

Answer 6

HTML5 has built-in support for audio and video codecs whereas Flash plugin has to load them which makes it slower than HTML5.

Question 7

What does HTML5 use to access and store data?

Answer 7

HTML5 uses Javascript to access and store data.

Question 8

Is there any time limit for the localstorage object’s data storage?

Answer 8

There is no time limit.

Question 9

When does the session storage data get deleted?

Answer 9

As soon as the user closes the browser, the session storage data is removed or deleted.

Question 10

What does datalist element do?

Answer 10

A list of options for an input field can be specified using datalist element.

Question 11

What HTML5 element provides a secure way to authenticate users?

Answer 11

The keygen element.
e.g.
‹form action="page.asp" method="get"› Username: ‹input type="text" name="location" /› Encryption: ‹keygen name="security" /›
‹input type="submit" /›
‹/form›

Question 12

Define private and public keygen elements.

Answer 12

The keygen element is a key-pair generator and when a form is submitted, public key and private key are generated. Private key is used for encrypting the data and public key is used for decrypting the data.

Question 13

Where is the private key stored?

Answer 13

The private key is stored on the client and is never shared.

Question 14

Where is the public key stored?

Answer 14

The public key is stored on the server.

Question 15

What does a public key do?

Answer 15

The public key could be used to generate a client certificate to authenticate the user in the future.

Question 16

Which element is used for calculations and script output?

Answer 16

The output element
e.g.
‹input name="n1" type="number"› +
‹input name="n2" type="number"› =
‹output name="result"
onforminput="value=n1.valueAsNumber + n2.valueAsNumber"›‹/output›

Question 17

Write the syntax of output element.

Answer 17

‹output id=”result” onforminput=”resCalc()”›‹/output›