JavaScript Form Validation

Question 1

HTML form is used to collect user input. True or false?

Answer 1

True.

Question 2

What elements do you put inside the form element?

Answer 2

The Input element and Label element are the most common ones.

Question 3

What is the label element for?

Answer 3

defines a label for several form elements.

Question 4

Name all 9 types of the input element.

Answer 4

Text, password, submit, reset, button, checkbox, number, radio, range.

Question 5

What is the default input type?

Answer 5

Text.

Question 6

Text is a single-line text input field. True or false?

Answer 6

True.

Question 7

What does the password input type do?

Answer 7

It makes the user’s input in the form of circles or asterisks.

Question 8

Is the submit input type a text-field?

Answer 8

No. It is a button.

Question 9

What does the submit input type do?

Answer 9

It submits user’s input to form handler.

Question 10

What does the reset input type do?

Answer 10

It resets the user’s input to default value.

Question 11

With the radio input type, you can only click one option. T or F?

Answer 11

T.

Question 12

The radio input type will only work if all the names are the same but the ids are different. T or F?

Answer 12

T.

Question 13

Can the checkbox input type serve as a to do list?

Answer 13

Yes. It is possible.

Question 14

The button input type is a button that can be used for any use. T or F?

Answer 14

T

Question 15

What does the number input type do?

Answer 15

It lets the user to input a number.

Question 16

You can set restrictions on what numbers are accepted. T or F?

Answer 16

T. Use the min attribute and the max attribute.

Question 17

What element do you use to define a dropdown?

Answer 17

use the select element.

Question 18

What element do you need for the select element?

Answer 18

The option element.

Question 19

What does the option element define?

Answer 19

It defines the option in a select element which defines a dropdown.

Question 20

What element do you use to define a multi-line input field?

Answer 20

textarea element.

Question 21

What attribute do you put inside the input element to specify an initial value for an input field?

Answer 21

The value attribute.

Question 22

What does the readonly attribute do?

Answer 22

It cannot be modified. But it can be copy-pasted.

Question 23

What does the disabled attribute do?

Answer 23

It disables an input element. It is unusable and un-clickable. The value of a disabled input element will not be sent when submitting the form.

Question 24

What does the size attribute do?

Answer 24

specifies the visible width, in characters, of an input field.

Question 25

What is the default size value?

Answer 25

20.

Question 26

The maxlength attribute specifies the maximum number of characters allowed in an input field. T or F?

Answer 26

T.

Question 27

What does the required attribute do?

Answer 27

With the required attribute, you cannot submit the form if it is not filled out.

Question 28

What does the JavaScript form validation do?

Answer 28

It validates if the user input is valid or if it meets the requirements.

Question 29

What does this "==" comparison operator do?

Answer 29

Equal to. It submits true if the operands are equal.

Question 30

What does this "!=" comparison operator do?

Answer 30

Submits true of the operands are not equal.