Part 6 - Working with forms and collecting data

Question 1

what is a disadvantage of
Common gateway interface (CGI)

Answer 1

a disadvantage of this is that Every form returned to the server requires a new process to be created for the CGI script

Question 2

describe the html tag
<.textarea></.textarea>

Answer 2

This tag can be used within a form to allow the user to enter multi line data such as an address or a comment or review. Any initial value can be supplied within the element itslef (ie between the tags)

Question 3

what is the markup to:
1. create a hidden field
2. give it a unique identification of “a_name”
3. give it a default value of “a_value”

Answer 3

describe the following markup
<.input type=”hidden” name=”a_name” value=”a_value” />

Question 4

describe the action attribute of the html form element

Answer 4

this is used to define where the form will be sent such as to a script on a server

Question 5

describe the
name attribute
of the html input tag

Answer 5

this provides an identification for the tag which can be used by css or javascript

Question 6

this can be accomplished by:
<.fieldset>
<.legend>Personalia:</.legend>
<.input>
…
…
</.fieldset>

	**explained**
	<.fieldset> - this creates a boxing around our inputs
	<.legend> - this creates a legend for the boxed section

Answer 6

how can we divide our form up into sections

Question 7

this provides an identification for the tag which can be used by css or javascript

Answer 7

describe the
name attribute
of the html input tag

Question 8

this can be accomplished using:
Username: <.input type=”text” name=”user” />

Answer 8

how would we create a
username field
in a HTML form

Question 9

describe the following markup
<.input type=”reset” name=”reset” value=”Reset” />

Answer 9

what is the markup that:
1. create a reset button
2. give it a unique identifier of reset
3. give the button text that says “reset”

Question 10

this is the name/value data in the url after the ? and is seen when the http get method is used to send form data

Answer 10

what is a
query string

Question 11

This defines the HTTP request method we would like to use such as GET or POST

Answer 11

describe the
method
attribute of the html form element

Question 12

what is the role of a
firewall

Answer 12

Its role is to determine which packets should and should not be accepted:
This can occur when a server makes a request to you or even when you request data from a server.

Question 13

this attribute when used with a radio button defines the group it belongs to (if this is selected other members of the group are deselected)

Answer 13

in the context of a html radio button describe the
name attribute

Question 14

this is HTTP but is secured (encrypted) using the ssl/tls protocol

Answer 14

describe HTTPS

Question 15

tells how to encode form data when the form method is ‘post’ (most commonly this is used to allow PHP, which you will encounter in Block 2, to accept file uploads).

Answer 15

describe the
enctype
attribute of the html form element

Question 16

using this tag increases the accessibility of form fields by:
1.This will be read by screen readers
2.This itself acts as selectable so elements such as a radio button have a higher hit area

Answer 16

why should the <.label> tag be used with form fields to increase accessibility

give 2 reasons

Question 17

this is used to define where the form will be sent such as to a script on a server

Answer 17

describe the action attribute of the html form element

Question 18

this attribute can be used to have radio button selected by default

Answer 18

in the context of a html radio button describe the
** checked attribute**

Question 19

describe how the html
type=”reset”
of the input tag works

Answer 19

Often ommited but can be used to reset all the form data back to there default values

Question 20

describe the following markup
<.input type=”hidden” name=”a_name” value=”a_value” />

Answer 20

what is the markup to:
1. create a hidden field
2. give it a unique identification of “a_name”
3. give it a default value of “a_value”

Question 21

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

Answer 21

describe the
maxlength attribute
of the html input tag

Question 22

this is done using

<.form></.form>

Answer 22

how do we create a html form element

Question 23

how can we divide our form up into sections

Answer 23

this can be accomplished by:
<.fieldset>
<.legend>Personalia:</.legend>
<.input>
…
…
</.fieldset>

	**explained**
	<.fieldset> - this creates a boxing around our inputs
	<.legend> - this creates a legend for the boxed section

Question 24

this can be accomplished using:
<.input type=”file” name=”upload1”/>

Answer 24

how do we create a
file upload button
in html

Question 25

when this is being used the form element must have **enctype="multipart/form-data"** this is required in the form element when submitting files. This tells the server to expect one or more attached files

Answer 25

what is required in the form element when using the input type "file"

Question 26

this provides an initial value for the input tag

Answer 26

describe the **value attribute** of the html input tag

Question 27

what 2 methods can be used to bound a <.label> tag to a <.input> tag

Answer 27

this can be accomplished by: 1.<.label for=”ID of input”><./label> 2.Nesting the input inside the label

Question 28

what is the markup to **create a radio button**

Answer 28

the markup is: <.input type=”radio”>

Question 29

describe the global attribute **tabindex**

Answer 29

this can be used to control the flow of focus when the keyboard is being used

Question 30

When the form is submitted using this method the name/value pairs are appended to the url after a question mark (?) NOTE: this method is insecure

Answer 30

describe how a form is submitted when the method is GET

Question 31

in the context of a html radio button describe the **name attribute**

Answer 31

this attribute when used with a radio button defines the group it belongs to (if this is selected other members of the group are deselected)

Question 32

this can be used to control the flow of focus when the keyboard is being used

Answer 32

describe the global attribute **tabindex**

Question 33

Its role is to determine which packets should and should not be accepted: This can occur when a server makes a request to you or even when you request data from a server.

Answer 33

what is the role of a **firewall**

Question 34

how do we create a html form element

Answer 34

this is done using <.form>

Question 35

describe how the html **type="submit"** of the input tag works

Answer 35

this will create a button that when pressed will send the form data to The form-handler which is specified in the form's action attribute.

Question 36

this can be accomplished using: Password: <.input type="password" name="password" />

Answer 36

how would we **create a password field** in a html form

Question 37

describe the **accept-charset** attribute of the html form element

Answer 37

a comma-separated list of character sets the form data may be in (in practice the server will accept the character set defined in the header of the document)

Question 38

this can be accomplished by: 1.<.label for=”ID of input”><./label> 2.Nesting the input inside the label

Answer 38

what 2 methods can be used to bound a <.label> tag to a <.input> tag

Question 39

Can be used within a form to collect data from the user NOTE: this is an empty element for it to be XML compliant we need to self close it

Answer 39

describe the tag <.input>

Question 40

a simple usage scennerio would be: 1.User submits form data 2.Form data sent to server via HTTP along with url denoting CGI script 3.Web server launches the CGI script and passes it the form data 4.The output of the CGI script (usually html) can then be sent back to the client

Answer 40

in 4 steps give a typical usage scenerio of **Common gateway interface (CGI)**

Question 41

this is a specification that allows web servers to execute an external program such as a script. This specification has standards on how data is received and sent

Answer 41

describe breifly the **Common gateway interface (CGI)**

Question 42

its primary role is to prove that a server can be trusted. when a client receives this it can check that it was signed by a trusted CA this also holds the servers public key

Answer 42

what is the role of an **ssl certificate**

Question 43

in 4 steps give a typical usage scenerio of **Common gateway interface (CGI)**

Answer 43

a simple usage scennerio would be: 1.User submits form data 2.Form data sent to server via HTTP along with url denoting CGI script 3.Web server launches the CGI script and passes it the form data 4.The output of the CGI script (usually html) can then be sent back to the client

Question 44

describe the **value attribute** of the html input tag

Answer 44

this provides an initial value for the input tag

Question 45

describe the tag <.input>

Answer 45

Can be used within a form to collect data from the user NOTE: this is an empty element for it to be XML compliant we need to self close it

Question 46

this can be accomplished by the following: <.select name="cars" id="cars"> Volvo <.option value="saab">Saab <.option value="opel">Opel <.option value="audi">Audi

Answer 46

how can we **create a drop down box** in html

Question 47

in the context of a html radio button describe the ** checked attribute**

Answer 47

this attribute can be used to have radio button selected by default

Question 48

this will create a button that when pressed will send the form data to The form-handler which is specified in the form's action attribute.

Answer 48

describe how the html **type="submit"** of the input tag works

Question 49

defines the type of input such as text or email

Answer 49

describe the **type** attribute of the html input element

Question 50

describe the following markup <.input type="radio" name="contact" value="phone" checked=”true” />

Answer 50

what is the markup to create a radio button that: 1. belongs to the group contact 2. has a form value of phone 3. and is checked by default

Question 51

describe breifly the **Common gateway interface (CGI)**

Answer 51

this is a specification that allows web servers to execute an external program such as a script. This specification has standards on how data is received and sent

Question 52

how do we create checkboxes in html

Answer 52

this can be accomplished using <.input type="checkbox" name="literature" />

Question 53

this is the value of the radio button that will be sent to the server

Answer 53

in the context of a html radio button describe the **value attribute**

Question 54

how would we create a **username field** in a HTML form

Answer 54

this can be accomplished using: Username: <.input type="text" name="user" />

Question 55

what is the markup that: 1. create a reset button 2. give it a unique identifier of reset 3. give the button text that says "reset"

Answer 55

describe the following markup <.input type="reset" name="reset" value="Reset" />

Question 56

these include: 1.Source address 2.Destination address 3.Protocols being used 4.Port numbers

Answer 56

name 4 criteria a firewall may take into account when deciding an action for a packet

Question 57

this will obscure the password on the screen only it does not obscure 1. the password if placed in html source code 2. the password if it is sent in the browser URL using a GET request 3. the password using a POST request without HTTPS

Answer 57

what does the type="password" of input 1. obscure 2. not obscure

Question 58

this can be accomplished using <.input type="checkbox" name="literature" />

Answer 58

how do we create checkboxes in html

Question 59

give 3 reasons why we might want to use hidden fields in a html form

Answer 59

reasons for using this include: 1.Hold extra information about the user 2.Hold information about where they are posting on the site 3.Use to carry information over multi page forms

Question 60

in the context of a html radio button describe the **value attribute**

Answer 60

this is the value of the radio button that will be sent to the server

Question 61

describe the **maxlength attribute** of the html input tag

Answer 61

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

Question 62

This tag can be used within a form to allow the user to enter multi line data such as an address or a comment or review. Any initial value can be supplied within the element itslef (ie between the tags)

Answer 62

describe the html tag ****<.textarea>****

Question 63

what is the markup to create a radio button that: 1. belongs to the group contact 2. has a form value of phone 3. and is checked by default

Answer 63

describe the following markup <.input type="radio" name="contact" value="phone" checked=”true” />

Question 64

how do we create a **file upload button** in html

Answer 64

this can be accomplished using: <.input type="file" name="upload1"/>

Question 65

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

Answer 65

describe the **size attribute** of the html input tag

Question 66

describe the functionality of a hidden field in a html form

Answer 66

This can be used to create a hidden field within the form that is not seen by the user. Although it will be submitted with the form.

Question 67

a comma-separated list of character sets the form data may be in (in practice the server will accept the character set defined in the header of the document)

Answer 67

describe the **accept-charset** attribute of the html form element

Question 68

reasons for using this include: 1.Hold extra information about the user 2.Hold information about where they are posting on the site 3.Use to carry information over multi page forms

Answer 68

give 3 reasons why we might want to use hidden fields in a html form

Question 69

describe the following markup <.input type="submit" name="submit" value="Submit" />

Answer 69

this markup will create a submit button that: 1. has a name that identifies it as "submit" 2. has text on the button itself saying submit

Question 70

this markup will create a submit button that: 1. has a name that identifies it as "submit" 2. has text on the button itself saying submit

Answer 70

describe the following markup <.input type="submit" name="submit" value="Submit" />

Question 71

how can we **create a drop down box** in html

Answer 71

this can be accomplished by the following: <.select name="cars" id="cars"> Volvo <.option value="saab">Saab <.option value="opel">Opel <.option value="audi">Audi

Question 72

name 4 criteria a firewall may take into account when deciding an action for a packet

Answer 72

these include: 1.Source address 2.Destination address 3.Protocols being used 4.Port numbers

Question 73

the markup is: <.input type=”radio”>

Answer 73

what is the markup to **create a radio button**

Question 74

what is a **query string**

Answer 74

this is the name/value data in the url after the ? and is seen when the http get method is used to send form data

Question 75

why should the <.label> tag be used with form fields to increase accessibility give 2 reasons

Answer 75

using this tag increases the accessibility of form fields by: 1.This will be read by screen readers 2.This itself acts as selectable so elements such as a radio button have a higher hit area

Question 76

a disadvantage of this is that Every form returned to the server requires a new process to be created for the CGI script

Answer 76

what is a disadvantage of **Common gateway interface (CGI)**

Question 77

Often ommited but can be used to reset all the form data back to there default values

Answer 77

describe how the html **type="reset"** of the input tag works

Question 78

describe the **method** attribute of the html form element

Answer 78

This defines the HTTP request method we would like to use such as GET or POST

Question 79

describe the **enctype** attribute of the html form element

Answer 79

tells how to encode form data when the form method is ‘post’ (most commonly this is used to allow PHP, which you will encounter in Block 2, to accept file uploads).

Question 80

how would we **create a password field** in a html form

Answer 80

this can be accomplished using: Password: <.input type="password" name="password" />

Question 81

describe how a form is submitted when the method is POST

Answer 81

When using this method the data is passed to the server within the HTTP request and if HTTPS is in use the data will be encrypted NOTE: only secure if HTTPS is in use

Question 82

describe the **type** attribute of the html input element

Answer 82

defines the type of input such as text or email

Question 83

describe how a form is submitted when the method is GET

Answer 83

When the form is submitted using this method the name/value pairs are appended to the url after a question mark (?) NOTE: this method is insecure

Question 84

what is required in the form element when using the input type "file"

Answer 84

when this is being used the form element must have **enctype="multipart/form-data"** this is required in the form element when submitting files. This tells the server to expect one or more attached files

Question 85

describe the **size attribute** of the html input tag

Answer 85

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

Question 86

When using this method the data is passed to the server within the HTTP request and if HTTPS is in use the data will be encrypted NOTE: only secure if HTTPS is in use

Answer 86

describe how a form is submitted when the method is POST

Question 87

what is the role of an **ssl certificate**

Answer 87

its primary role is to prove that a server can be trusted. when a client receives this it can check that it was signed by a trusted CA this also holds the servers public key

Question 88

describe HTTPS

Answer 88

this is HTTP but is secured (encrypted) using the ssl/tls protocol

Question 89

This can be used to create a hidden field within the form that is not seen by the user. Although it will be submitted with the form.

Answer 89

describe the functionality of a hidden field in a html form

Question 90

what does the type="password" of input 1. obscure 2. not obscure

Answer 90

this will obscure the password on the screen only it does not obscure 1. the password if placed in html source code 2. the password if it is sent in the browser URL using a GET request 3. the password using a POST request without HTTPS