Forms

Question 1

What attributes are required in a form element?

Answer 1

action, method, and id

Question 2

action attribute

Answer 2

its value is the URL for the page on the server that will receieve the information in the form when it is submitted

Question 3

method attribute

Answer 3

• get method
  
  • the values from the form are added to the end of the URL
  • ideal for:
    
    • short forms (such as search boxes)
    • when you are just retrieving data from the web server
• post method
  
  • the values are send in what are known as HTTP headers
  • ideal if your form:
    
    • allows users to upload a file
    • is very long
    • contains sensitive data (e.g. passwords)
    • adds information to, or deletes information from, a database

Question 4

input name attribute

Answer 4

• the server needs to know what has been entered as the username and what has been given as the password
• therefore, each fomr control requires a name attribute
• the value of this attribute identifies the form control and is sent along with the information they enter to the server

Question 5

text input code

Answer 5

(input type=”text” name=”” /)

Question 6

password input code

Answer 6

(input type=”password” name=”” /)

Question 7

textarea code

Answer 7

(textarea name=”“)Some Text(/textarea)

Question 8

radio input code

Answer 8

(input type=”radio” name=”” /)

Question 9

checkbox input code

Answer 9

(input type=”checkbox” name=”” /)

Question 10

drop drown list code

Answer 10

(select name=””)

(option value=”“)Option 1(/option)

(option value=”“)Option 2(/option)

(/select)

Question 11

file input box code

Answer 11

(input type=”file” name=”” /)

Question 12

submit button code

Answer 12

(input type=”submit” name=”” value=”Submit” /)

Question 13

image button

Answer 13

(input type=”image” src=”” /)

Question 14

button code

Answer 14

(button)(img src=”” alt=”” /)Text(/button)

Question 15

labelling form controls code

Answer 15

(label)Text(input type=”” name=”” /)(/label)

Question 16

grouping form controls code

Answer 16

(fieldset)

(legend) Text(/legend)
(label) (input type=”” name=””)(/label)
(label) (input type=”” name=””)(/label)
(label) (input type=”” name=””)(/label)

(/fieldset)

Question 17

HTML5: form validation attribute

Answer 17

(input type=”” required=”required” /)

Question 18

HTML5: date input code

Answer 18

(input type=”date” name=”” /)

Question 19

HTML5: email input

Answer 19

(input type=”email” name=”” /)

Question 20

HTML5: url input

Answer 20

(input type=”url” name=”” /)

Question 21

HTML5: search input

Answer 21

(input type=”search” name=”” /)

Question 22

HTML5: placeholder attribute

Answer 22

placeholder=”Enter keyword”