HTML Forms

Question 1

• One of the most used form element
• can be displayed in several ways,
  depending on the type attribute

Answer 1

input element

Question 2

• defines drop-down list

Answer 2

select element

Question 3

• defines an option that can be
  selected in <select> element</select>

Answer 3

option element

Question 4

attribute that allows the user to select more than one value in <select> element</select>

Answer 4

multiple attribute

Question 5

• defines a multi-line input field

Answer 5

textarea element

Question 6

attribute that specifies the visible width of a text area.

Answer 6

cols attribute

Question 7

attribute that specifies the visible number of lines in a text area.

Answer 7

rows attribute

Question 8

• defines a clickable button
• Always specify the type attribute

Answer 8

button element

Question 9

What will happen when you click this button?:
button type=”button” onclick=”alert(‘Hello World!’)”>
Click Me!</button

Answer 9

After clicking the button a message box will appear

Question 10

used to group related data in a
form.

Answer 10

fieldset element

Question 11

defines a caption for the <fieldset>
element.

Answer 11

legend element

Question 12

• specifies a list of pre-defined options
  for an input element.
• Users will see a drop-down list of the pre-defined options as they input data

Answer 12

datalist element

Question 13

defines a single-line text input field

Answer 13

input type=”text”

Question 14

defines password field

Answer 14

input type=”password”

Question 15

• defines button for sumitting form data to a form-handler

Answer 15

input type=”submit”

Question 16

typically a server page with a script for processing input data

Answer 16

form-handler

Question 17

defines a reset button that will reset all form values to their default values

Answer 17

input type=”reset”

Question 18

TRUE OR FALSE:
Radio buttons let a user select ONLY ONE
of a limited number of choices:

Answer 18

TRUE

Question 18

• defines a radio button
• the name of the elements must be the same

Answer 18

input type=”radio”

Question 19

• defines a checkbox

Answer 19

input type=”checkbox”

Question 20

lets a user select zero or more options of a limted number of choices

Answer 20

Checkbox

Question 21

defines a button

Answer 21

input type=”button”

Question 22

used for input fields that should contain a color

Answer 22

input type=”color”

Question 23

used for input fields that should contain a date

Answer 23

input type=”date”

Question 24

Can you add min and max attributes to add restrictions to dates?

Answer 24

Yes

Question 25

specifies a date and time input field with no timezone

Answer 25

input type="datetime-local"

Question 26

used for input fields that should contain an e-mail address

Answer 26

input type="email"

Question 27

allows the user to select a month and year

Answer 27

input type="month"

Question 28

defines a file-select field and a "browse" button for file-upload

Answer 28

input type="file"

Question 29

- defines a numeric input field - set restrictions on what numbers are accepted

Answer 29

input type="number"

Question 30

defines a control for entering a number whose exact value is not important (slider)

Answer 30

input type="range"

Question 31

default range of input type range

Answer 31

0 to 100

Question 32

used for search fields

Answer 32

input type="search"

Question 33

used for input fields that should contain a telephone number

Answer 33

input type="tel"

Question 34

allows the user to select a time

Answer 34

input type="time"

Question 35

used for input fields that should contain a url address

Answer 35

input type="url"

Question 36

allows the user to select a week and year

Answer 36

input type="week"

Question 37

attribute that specifies an initial value for an input field:

Answer 37

value attribute

Question 38

specifies that an input field is read-only.

Answer 38

readonly attribute

Question 39

cannot be modified (however, a user can tab to it, highlight it, and copy the text from it).

Answer 39

readonly input field

Question 40

- specifies that an input field should be disabled. - unusable and unclickable - value of a disabled input field will not be sent when submitting the form

Answer 40

disabled

Question 41

- specifies the visible width, in characters, of an input field. - default value is 20

Answer 41

size attribute

Question 42

input types that the size attribute works with

Answer 42

- text - search - tel - url - email - password

Question 43

specifies the maximum number of characters allowed in an input field.

Answer 43

maxlength

Question 44

specify the minimum and maximum values for an input field

Answer 44

min and max attributes

Question 45

specifies a regular expression that the input field's value is checked against, when the form is submitted.

Answer 45

pattern attribute

Question 46

specifies short a hint that describes the expected value of an input field (a sample value or a short description of the expected format).

Answer 46

placeholder attribute

Question 47

specifies that an input field must be filled out before submitting the form.

Answer 47

required attribute

Question 48

specifies the legal number intervals for an input field.

Answer 48

step

Question 49

specifies that an input field should automatically get focus when the page loads

Answer 49

autofocus attribute

Question 50

specify the height and width of an element.

Answer 50

height and width attribute

Question 51

specifies whether a form or an input field should have autocomplete on or off.

Answer 51

autocomplete attribute

Question 52

allows the browser to predict the value. When a user starts to type in a field, the browser should display options to fill in the field, based on earlier typed values.

Answer 52

autocomplete attribute