HTML: Tables and Forms

Question 1

Define Table

Answer 1

Tables are structured sets of data made up of rows and columns.

Question 2

Write a Table Element with 3 rows and 3 columns using row, data, and header cells.

Answer 2

header r1c1
header r1c2
header r1c3

 data r2c1
 data r2c2
 data r2c3

 data r3c1
 data r3c2
 data r3c3

Question 3

Purpose of and in tables?

Answer 3

For best practice/semantics and accessibility.

Question 4

how do you write a table data cell that takes more than 1 row? more than 1 column?

Answer 4

Header info

Header info Col

Question 5

What is a form element?

Answer 5

Form element itself is a shell or container that does not have any visual impact but is filled with inputs, checkboxes, buttons, etc.

Question 6

Write an empty form tag with attribute. Also, what does the attribute do?

Answer 6

*Action attribute specifies where the form data should be sent.

Question 7

What is input element?

Answer 7

Input is a common form control that includes many different input types. Does not include a closing tag.

Question 8

What are common input type attributes?

Answer 8

text, password, color, email, radio, range, number, submit, time, etc.

Question 9

Write a text input with a placeholder.

Question 10

Create a label element

Answer 10

Animal?

Question 11

What attributes are used for labels?

Answer 11

For - attributed to labels, and matches the ‘ID’ attribute on input.
Name - used to specify data that is submitted.

Question 12

Write a submit button tag.

Answer 12

submit

will not submit

Question 13

Define the name attribute

Answer 13

The name of the input is referring to the value when the data is sent to server.

Question 14

Write a checkbox input element for TOS.

Answer 14

TOS

Question 15

Write a radio button input element for shirt size small/medium.

Answer 15

small

medium

Question 16

Write a select input element for gender preference.

Answer 16

Gender Identity:

 --Choose--
 Male
 Female
 Other

Question 17

Write a range input element for volume; 0-50 incremented by 3 and preset to 10.

Answer 17

Set Volume Level:

Question 18

Write a text area input element for comments.

Answer 18

Leave a comment:
All feedback is appreciated!

*can use placeholder as well.

Question 19

Define Required attribute

Answer 19

Required attribute is a form validation that makes certain inputs required prior to submission ie for password or email.

Question 20

Define minlenght and maxlength attribute

Answer 20

min and maxlength attribute can be used to require specifications for input types.

*min and max is used for numeric values such as range, number input types.

Question 21

Define Pattern attribute

Answer 21

For instance requiring a password to have a lower case, upper case, special character, etc.