1.1 HTML Forms

Question 1

What is the HTML tag for the forms element?

Answer 1

Question 2

How many form HTML tags can you use?

Answer 2

Only 1.

The proper HTML syntax is 1 form tag, per form.

You cannot nest form tags within a form.

Question 3

What is the relationship between the form and the database?

Answer 3

Forms capture information from end users then send the information to a database.

In the database is where the information from the form is stored for use and retrieval later on.

Question 4

What is the action attribute of a form do?

Answer 4

The action attribute is the web address where information is processed, submitted via form.

Question 5

What are the two key attributes that forms need to process information?

Answer 5

1. Action and
2. Method

Question 6

What does the method attribute of the form do?

Answer 6

Method is how it submits the form.

Question 7

Methods can be either ___ or ___

Answer 7

Post or Get

Question 8

What is the post method for forms?

Answer 8

Data from the form is posted to the server

Question 9

What is the get method for forms?

Answer 9

Data is sent in the URL Parameters are separated using ? marks

Question 10

Is there a backend component to forms?

Answer 10

Yes It is important to work with backend developer to make sure these pieces are “talking” and setup correctly.

Question 11

What is the complete HTML syntax for form action with a post method? (ie. tags, signs, text, etc.)

Answer 11

The HTML is

Question 12

When it comes to forms, how frequently used is the input element?

Answer 12

The input element is one of the most common elements used in forms.

Question 13

What is a self closing HTML element?

Answer 13

It is an HTML element that doesn’t require a closing HTML tag.

Question 14

Is the HTML input form element self-closing?

Answer 14

Yes, input is a self-closing HTML tag.

Question 15

What is the text input field of a form?

Answer 15

It accepts text, numbers, even passwords.

Question 16

What is the basic HTML syntax of a text field?

Answer 16

The text field HTML is Since it’s an input, it’s a self closing tag.

Question 17

What types of inputs use numbers in a form?

Answer 17

Phone numbers, month, date

Question 18

What 3 type of inputs would you collect from a form that relate to form organization to select choices?

Answer 18

Check boxes, radio buttons, drop down menus

Question 19

What input types would control a form?

Answer 19

Reset, submit, button

Question 20

What input types would you want from an end user?

Answer 20

Email, Password, Telephone number, URL

Question 21

When would you want to use the input?

Answer 21

If you have a few sentences, then it’s best to use a form field.

Question 22

What are the practical applications of the input area?

Answer 22

For writing a message in a form For asking users to write a bio For a quiz to allow several lines of text for writing

Question 23

What does the type attribute do within the text field?

Answer 23

Type lets you specify the type of input it is (image, text, phone numbers, passwords, etc.)

Question 24

What’s the HTML syntax for an input type with the the input type, id, and name? Include all relevant syntax elements

Answer 24

Question 25

What does the name attribute do within a text field?

Answer 25

The name attribute helps process values data accordingly (user\_(id)).

Question 26

What is the HTML syntax for the password form field? Include syntax all elements

Answer 26

Question 27

What's the HTML syntax for an input type where you want a text area to appear?

Answer 27

Question 28

What in the HTML syntax for the email form field? Include syntax elements like:

Answer 28

Question 29

In what 5-6 scenarios would you want to use on a form?

Answer 29

for a comment on a review for feedback form for an intake form for a lead gen screening form for a project scope form for a message field on a contact us form

Question 30

What is the HTML element field meant for in the context of a form?

Answer 30

The HTML element represents a multi-line plain-text editing control

Question 31

Is rigid or flexible in number of lines of text?

Answer 31

is useful when you want to allow users to enter a sizeable amount of free-form text

Question 32

In what 5-6 scenarios would you want to use on a form?

Answer 32

for a comment on a review for feedback form for an intake form for a lead gen screening form for a project scope form for a message field on a contact us form

Question 33

What does the submit button do in relation to the server?

Answer 33

The submit button sends the information to the server where the filled form fields will reside until it's needed.

Question 34

What is the HTML syntax to submit a button? Include syntax elements like:

Answer 34

Question 35

Does the button element require an opening and closing tag?

Answer 35

Yes, Buttons do require open and closing tag

Question 36

What input type is used for buttons?

Answer 36

The input type for buttons is submit because you want the form to submit information to the database.

Question 37

What's the difference between a and ? (ie. Q & A format)

Answer 37

is the main container is a label within the main container

Question 38

What does "reset" button do?

Answer 38

Reset clears all fields in a form.

Question 39

What purpose does a fieldset serve on a form?

Answer 39

The HTML element is used to group several controls, labels, and fields into a section.

Question 40

What's the difference between a fieldset and legend?

Answer 40

fieldset is the main container is a label within the main container

Question 41

What is a practical example of using legend tag?

Answer 41

You can use form legends to organize forms: * define categories * create sections

Question 42

In the form, in project 3, there were two parts, how was legend HTML tag used to sub-divide the form?

Answer 42

The **first** legend grouped together the user **contact** information. The **second** legend grouped together their subscription email **preferences**.

Question 43

What's the HTML syntax for a form button?

Answer 43

Question 44

What is the HTML syntax for a drop down menu using the select tag?

Answer 44

Question 45

Which HTML tag do you use to create drop down menus?

Answer 45

Select tag

Question 46

Does a drop down menu allow for multiple choices?

Answer 46

**No.** The individual needs to choose a single option from a list of pre-defined choices

Question 47

What **html tag** do you use to specify a pre-defined **choice** within a drop down menu?

Answer 47

Using the **option tag** you specify the value and text that goes with

Question 48

How does the value work with the database where the form info is stored?

Answer 48

The value helps the database organize the information by creating categories of data.

Question 49

Do radio buttons display all options available?

Answer 49

**Yes,** all choices are displayed with radio buttons. Unlike drop down menus, which only show 1 default value, radio buttons typically display your choices upfront.

Question 50

When is it ideal to use radio buttons?

Answer 50

When you have **5** or less choices to choose from radio buttons are ideal.

Question 51

What is the full HTML syntax for a radio button?

Answer 51

Question 52

Does the for attribute need to match labels and IDs?

Answer 52

**Yes.** To label an item correctly, the for attribute needs to match.

Question 53

Are checkboxes suitable for more than 1 choice?

Answer 53

Yes, checkboxes are one way to have multiple choices selected by the end user.

Question 54

What input type do you use to create a checkbox in a form?

Answer 54

**Checkbox**

Question 55

When writing the HTML syntax for checkbox, what **3** properties do you need to use? (V.I.N.)

Answer 55

VIN is the acroynm to remember. V: **Value** I: **ID** N: **Name**

Question 56

What would be an example of using, all 3 attributes from VIN, to create a single checkbox?

Answer 56