IES: HTML-recog dk14

Question 1

• Day and time as mm-dd-yy HH:MM

Answer 1

datetime-local (input type)

Question 2

• Numeric integer value

Answer 2

number (input type)

Question 3

• Numeric integer value (slider)

Answer 3

range (input type)

Question 4

• Color in #RRGGBB hexadecimal format

Answer 4

color (input type)

Question 5

File path address (browse)

Answer 5

file (input type)

Question 6

• size - the width of the text box in average character widths
• minlength and maxlength - permissible number of characters
• min and max - permissible range of numeric value
• placeholder - provides a data entry hint to the user
• readonly - the default value in the text box cannot be changed
• disabled - the text box is grayed out and will not be submitted

Answer 6

Optional input attributes for text or password

Question 7

• Defines a multi-line text input control, and is often used in a form, to collect user inputs like comments or reviews.
• Can hold an unlimited number of characters, and renders in a fixed-width font (usually Courier).
• The size is specified by the <cols> and <rows> attributes (or with CSS).</rows></cols>
• The name attribute is needed to reference the form data after the form is submitted (if you omit the name attribute, no data from the element will be submitted).
• The id attribute is needed to associate the element with a label.
• May include a read-only attribute to prevent user editing
• **Unlike the input tag, this element has no value attribute as its content is treated as its value.
• **Average character which may vary between browsers, so the physical size of the element’s field may vary as well.

Answer 7

<textarea>
</textarea>

Question 8

• Assign to type attribute of <input></input>.
• Must also include a name attribute and a value attribute: specifies the key=value pair values.
• Option: may include a Boolean checked attribute.
• May be individually unique or several can bear the same name with different values allowing several to be checked simultaneously.

Answer 8

“checkbox”

Question 9

• Unlike checkboxes, these buttons that share a common name are mutually exclusive : when one is selected all others are automatically switched off.
• Similar to checkboxes: created by assigning the value of radio to the type attribute of an input tag.
• Multiple checkboxes and these buttons can be visually grouped by surrounding their input elements with <fieldset> tags and May bear a common group name through the use of <legend> tags.

Answer 9

“radio”

Question 10

• Only groups the related elements it encloses for visual presentation.
• It does not associate them programmatically.

Answer 10

<fieldset>
</fieldset>

Question 11

• Defines a caption for the <fieldset> element.
• Used to state a common group name.

Answer 11

<legend>
</legend>

Question 12

• Hidden elements; create no visible controls; allow additional data to be submitted to the server.
• Created by assigning the value hidden to the type attribute of an input tag
• Must also include a name attribute;
• May include a value attribute to specify static data as a name=value pair.
• Option: the input tag may include an ID attribute and omit the value attribute so its value can be specified by script.
• Hidden form data can be used to perform a calculation and dynamically displays result in an output tag.
• • (Hidden data element can be useful as intra-website Cookies)

Answer 12

Hidden form data

Question 13

• Must include an ID attribute and a for attribute for reference in script.
• Merely displays the result of the calculation.

Answer 13

<output>
</output>

Question 14

• Can specify multiple element identities as a space separated list.
• Can be used in an assignment to the form tags oninput attribute to perform a calculation whose result will appear in the output element but will not be submitted to the server.

Answer 14

for

Question 15

• Calls upon the operating system’s “choose file” dialog allowing the user to browse and select a file.
• Created: assign the value “ file” to the type attribute of an input tag and a name to its name attribute.
• Produces: a text field and a browse button to launch the “choose file” dialog (full path appears after file is chosen).
• Upon submission, element name and selected file’s name are sent to the web server as a name=value pair.

Answer 15

File selection facility

Question 16

• Form tag with enctype attribute is required.
• Enctype attribute should specify encoding type as “multipart/form-data”.
• Method attribute must specify the POST method (form data cannot be appended to a URL using the GET method).

Answer 16

Uploading selected file to webserver

Question 17

• The encoding type attribute is used only with a <form> element.
• Specifies how the form-data should be encoded when submitting it to the server.
• When uploading selected file to web server, specify this attribute as “multipart/form-data.”

Answer 17

enctype

Question 18

• For scripting purposes: allows dynamic interaction with a form.
• Can be used to set attribute values
• Created: specifying “button” value to the type attribute of an input tag; should include an ID attribute to easily identify that element; text assigned to the button’s value attribute will appear on the button face.

Answer 18

Push buttons

Question 19

• Sets the initial state of a checkbox or radio button to checked.
• This attribute need have no assigned value: its presence equals on; its absence equals off.
• In script, the box’s checked property needs to be assigned a “true” value to check the box.

Answer 19

checked

Question 20

• Returns any HTML form to its original state: all form data values are set to their initial default values.
• Created: specifying a “reset” value to the type attribute of an input tag nested in a <form> tag.

Answer 20

Reset button