forms

Question 1

Name the attributes of form in HTML5.

Answer 1

autocomplete and novalidate

Question 2

Give any three input attributes’ names.

Answer 2

autocomplete
autofocus
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height and width
list
min and max
multiple
pattern (regexp)
placeholder
required
step

Question 3

Is input attribute “form” supported in IE?

Answer 3

It is not supported in IE.

Question 4

Which web browsers support the input attribute “autofocus”?

Answer 4

Input attribute “autofocus” is supported by Firefox, Opera and Chrome.

Question 5

Does Opera support the input attribute “novalidate”?

Answer 5

Starting from version 11, Opera supports the input attribute “novalidate”.

Question 6

What does autocomplete attribute do?

Answer 6

he autocomplete attribute specifies that the form or input field should have an autocomplete function.

Question 7

You have a form with multiple fields. You wish to automatically get focus on a field when a page gets loaded. Which field attribute will you use?

Answer 7

The autofocus attribute will be used.
e.g. ‹form›
‹input name=”q” autofocus›
‹input type=”submit” value=”Search”› ‹/form›

Question 8

Does autofocus attribute work with all input types?

Answer 8

Yes, autofocus attribute works with all input types.

Question 9

What does form attribute do?

Answer 9

The form attribute is used to specify one or more forms.

Question 10

Give an example of form attribute.

Answer 10

‹form action=”from1.asp” method=”get” id=”form1”›

First name:‹input type=”text” name=”fname” /› ‹input type=”submit” /›

Question 11

What does form override attribute do?

Answer 11

Some of the attributes set for the form element can be overridden using override attribute.

Question 12

Explain the types of override attributes.

Answer 12

a) formaction - overrides the form action attribute
b) formenctype - overrides the form enctype attribute
c) formmethod - overrides the form method attribute
d) formnovalidate - overrides the form novalidate attribute e) formtarget - overrides the form target attribute

Question 13

What is the main function of the override attribute types?

Answer 13

Override attribute types are helpful for creating different submit buttons.

Question 14

Which attributes can be used to specify the dimensions of an image used for the input type image?

Answer 14

The height and width attributes specify the height and width of the image used for the input type image.

Question 15

Give an example of input type image using width and height attributes.

Answer 15

‹input type=”image” src=”img_submit.gif” width=”24” height=”24” /›

Question 16

What does a list attribute do?

Answer 16

The list attribute specifies a datalist for an input field.

[input list=”browsers”]

[datalist id="browsers"]
  [option value="Internet Explorer"]
  [option value="Firefox"]
  [option value="Chrome"]
  [option value="Opera"]
  [option value="Safari"]
[/datalist]

Question 17

Name the input attribute’s types with which the attribute “list” works.

Answer 17

The list attribute works with the input types namely text, search, url, telephone, email, date pickers, number, range, and color.

Question 18

How can you specify minimum and maximum value for an input field?

Answer 18

The min and max attributes of input field can be used to specify the minimum and maximum value for input field.
[form action=”demo_form.asp”]
Enter a date before 1980-01-01:
[input type=”date” name=”bday” max=”1979-12-31”]
Enter a date after 2000-01-01:
[input type=”date” name=”bday” min=”2000-01-02”]
Quantity (between 1 and 5):
[input type=”number” name=”quantity” min=”1” max=”5”]
[input type=”submit”]

[/form]

Question 19

Which datatypes are compatible with input tag’s min and max attributes?

Answer 19

input tag’s min and max attributes work with numbers or dates.

Question 20

What does step attribute do?

Answer 20

The step attribute is used to specify legal number intervals for the input field.

Question 21

What will be the legal allowed values for the following?‹input type=”number” name=”points” min=”0” max=”10” step=”3” /›

Answer 21

0, 3, 6.9

Question 22

Give an example which shows a numeric field that accepts values between 0 and 10, with a step of 3.

Answer 22

Points: ‹input type=”number” name=”test” min=”0” max=”10” step=”3” /›

Question 23

Which attribute specifies that multiple values can be selected for an input field?

Answer 23

The multiple attribute

Question 24

With which input types does the multiple attribute work?

Answer 24

The multiple attribute works with the input type file and email. e.g. Select: ‹input type=”file” name=”img” multiple=”multiple” /›

Question 25

You have a form and you do not want any form validation over it. Which HTML5 attribute is to be used?

Answer 25

The novalidate attribute is used to submit not validated form data.

Question 26

Will you prefer HTML5 form validation over JavaScript form validation? Why?

Answer 26

Yes. There are two reasons for this:

a) I have to write and maintain JavaScript form validation script.
b) If a user has disabled JavaScript on his web browser, then JavaScript form validation will be bypassed.

Question 27

Will HTM5 form validation work on a compatible web browser if scripting is disabled?

Answer 27

Yes. The browser will do RFC-compliant email validation on form submission.

Question 28

Given an example of a form that submits unvalidated data.

Answer 28

‹form action=”demo_form.asp” novalidate=”novalidate”›
E-mail: ‹input type=”email” name=”user_email” /›
‹input type=”submit” /› ‹/form›

Question 29

What does a pattern attribute do?

Answer 29

The pattern attribute specifies a pattern used to validate an input field. A valid regular expression needs to be provided when using pattern attribute.

Question 30

Name the input attribute types with which the attribute “pattern” works.

Answer 30

The pattern attribute works with the types: text, search, url, telephone, email, and password.

Question 31

Give an example of pattern attribute.

Answer 31

In the following example, country code pattern is specified for validation. Country code: ‹input type=”text” name=”country_code” pattern=”[A-z]{3}” title=”Three letter country code” /›

Question 32

What does a placeholder attribute do?

Answer 32

The placeholder attribute is used to provide a hint to the user about the expected value of an input field.

Question 33

Name the input attribute types with which the attribute “placeholder” works.

Answer 33

The placeholder attribute works with the following types: text, search, url, telephone, email, and password.

Question 34

What does a required attribute do?

Answer 34

A required attribute is a way to make a form field mandatory. User has to fill it in order to successfully submit the form.

Question 35

Name the input attribute types with which the attribute “required” works.

Answer 35

The required attribute works with the following types: text, search, url, telephone, email, password, date pickers, number, checkbox, radio, and file.

Question 36

Give an example to show the usage of required attribute.

Answer 36

The following example makes the input field mandatory.

You name: ‹input type=”text” name=”usr_name” required=”required” /›