Brainscape's Knowledge GenomeTM

Browse over 1 million classes created by top students, professors, publishers, and experts.


See full index

CS214 Web Page Design > Chapter 9 - Forms > Flashcards

Chapter 9 - Forms Flashcards

1
Q

two parts to a working form

A

the form you see on the page itself, an application or script on the server that processes the information collected by the form and returns an appropriate response

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

form controls

A

buttons, input fields, and drop down menus used to collect information from the user

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

submit

A

submitting a form for processing

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

<form>...</form>

A

interactive form

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

action attribute

A

provides the location (URL) of the application or script that will be used to process the form

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

six technologies that can process web forms

A

PHP, Microsoft ASP, Microsoft’s ASP.NET, Ruby on Rails, JavaServer Pages, Python

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

two ways to get your forms to work if you’re not a programmer

A

use hosting plan goodies, hire a programmer

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

method attribute

A

specifies how the information should be sent to the server

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

two methods for sending encoded data to the server

A

POST, GET

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

GET method

A

the encoded form gets tacked right onto the URL sent to the server; appropriate if the form submission performs an action, such as deleting something or adding data to a database, because if the user goes back, it gets submitted again; character limit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

POST method

A

the browser sends a separate server request containing some special headers followed by the data; only the server sees the content of the request, so this is the best method for sending secure information such as a home address or other personal information; also preferable for sending a lot of data; no character limit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

name attribute

A

provides the variable name for the control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

variable

A

one bit of information from a user

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

value (content)

A

the data entered by the user

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

input element

A

single line of text

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

textarea element

A

multiple lines

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

<input></input>

A

single-line text-entry control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

name attribute

A

required for indicating the variable name

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

value attribute

A

specifies default text that appears in the field when the form is closed

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

placeholder attribute

A

provides a hint of what to type in the field

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
21
Q

maxlength attribute

A

set a maximum character limit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
22
Q

minlength

A

set a minimum character limit

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
23
Q

<textarea>...</textarea>

A

multiline text-entry control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
24
Q

<input></input>

A

password text control

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
25
Q

<input></input>

A

search field

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
26
Q

<input></input>

A

email address

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
27
Q

<input></input>

A

telephone number

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
28
Q

<input></input>

A

location (URL)

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
29
Q

<datalist>...</datalist>

A

drop-down menu input

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
30
Q

<input></input>

A

submits the form data to the server

31
Q

<input></input>

A

resets the form controls to their default settings

32
Q

<input></input>

A

replace the submit button with an image of your choice

33
Q

<input></input>

A

creates a button that can be customized with JavaScript

34
Q

<button>…</button>

A

flexible element for creating custom buttons similar to those created with the input element

35
Q

<input></input>

A

radio button (select one)

36
Q

<input></input>

A

checkbox button (select several)

37
Q

minimized

A

shortened attribute that stands for a more redundant longer version of the attribute

38
Q

<select…</select>

A

menu control

39
Q

<option>...</option>

A

an option within a menu

40
Q

<optgroup>...</optgroup>

A

a logical grouping of options within a menu

41
Q

drop-down menu (pull-down menu)

A

only one item can be selected

42
Q

multiple attribute

A

allows users to make more than one selection from the scrolling list

43
Q

<input></input>

A

file selection field

44
Q

<input></input>

A

hidden control field

45
Q

<input></input>

A

date input control

46
Q

<input></input>

A

time input control

47
Q

<input></input>

A

date/time control

48
Q

<input></input>

A

specifies a month in a year

49
Q

<input></input>

A

specifies a particular week in a year

50
Q

<input></input>

A

number input

51
Q

<input></input>

A

slider input

52
Q

<input></input>

A

color picker

53
Q

<progress>...</progress>

A

indicates the state of an ongoing process

54
Q

<meter>...</meter>

A

represents a measurement within a range

55
Q

<output>...</output>

A

calculated output value

56
Q

<label>…</label>

A

attaches information to form controls

57
Q

implicit association

A

nests the control and its description within a label element

58
Q

explicit association

A

matches the label with the control’s id reference

59
Q

<fieldset>...</fieldset>

A

groups related controls and labels

60
Q

<legend>...</legend>

A

assigns a caption to a fieldset

61
Q

Decide whether each of these forms should be sent via the GET or POST method: A form for accessing your bank account online

A

POST

62
Q

Decide whether each of these forms should be sent via the GET or POST method: A form for sending t-shirt artwork to the printer

A

POST

63
Q

Decide whether each of these forms should be sent via the GET or POST method: A form for searching archived articles

A

GET

64
Q

Decide whether each of these forms should be sent via the GET or POST method: A form for collecting long essay entries

A

POST

65
Q

Which form control element is best suited for the following tasks? Choose your astrological sign from 12 signs.

A

<select></select>

66
Q

Which form control element is best suited for the following tasks? Indicate whether you have a history of heart disease (yes or no).

A

<input></input>

67
Q

Which form control element is best suited for the following tasks? Write up a book review.

A

<textarea>
</textarea>

68
Q

Which form control element is best suited for the following tasks? Select your favorite ice cream flavors from a list of eight flavors.

A

<input></input>

69
Q

Which form control element is best suited for the following tasks? Select your favorite ice cream flavors from a list of 25 flavors.

A

<select></select>

70
Q

Each of these markup examples contains an error. Can you spot it? <checkbox></checkbox>

A

checkbox is not an element name, it is the value of the type attribute in the input element

71
Q

Each of these markup examples contains an error. Can you spot it? <select> <option> <option> <option> </select></option></option></option></select>

A

the option element is not empty; it should contain the value for each option (for example, <option>Orange</option>).

72
Q

Each of these markup examples contains an error. Can you spot it? <input></input>

A

the required name attribute is missing

73
Q

Each of these markup examples contains an error. Can you spot it? <textarea>Your story.</textarea>

A

the width and height of a text area are specified with the cols and rows attributes, respectively

CS214 Web Page Design (12 decks)

Brainscape helps you reach your goals faster, through stronger study habits.
© 2024 Bold Learning Solutions. Terms and Conditions