IES: HTML-recog dk15

Question 1

• Used to submit a form in place of a regular submit button.
• Created : specifying an “image” value to the type attribute of an input tag; including an alt attribute.
• When a form is submitted by this, the XY coordinates of the point at which the click occurred are automatically submitted as key=value pairs along with the rest of the form data.

Answer 1

Image buttons

Question 2

• A regular img tag can be used as this by attaching a behavior with script.
• With this, validation can usually be incorporated (an image used in this way is given an identity so as to attach the behavior).
• Validation example: checking an entry to see if it follows the set pattern of an email address.

Answer 2

Script-enabled image button

Question 3

• From this, the user can select one option to include its associated data for submission to the server.
• Will normally appear as a single-line drop-down list unless a “size” attribute is included in the select tag specifying the number of rows to be visible.
• Created: using select tags; must include a name attribute specifying a list name; the select element encloses option tags defining each option; each option tag must include a value attribute specifying an option value.
• When the form is submitted, the list name and the selected option value are sent as a name=value pair.
• Optionally, The option tag may include a Boolean “selected” attribute to automatically select that option (including this provides a default choice).

Answer 3

Select option list

Question 4

• Created: using button tags; enclosing an img element specifying the URL of a logo image; specifying text that would appear on the button face; should include a type attribute to specify a scripting “button” type, a “submit” form type; OR a “reset” form type.
• Scripting buttons can use an “onclick” attribute to specify the button’s function, or directly specify a snippet of script to execute.

Answer 4

Logo push buttons

Question 5

• Provides a simple autocomplete feature for a text input element enclosing a number of predefined <option> values.</option>
• User may choose any one of the options, or enter text directly into the input field (you may need to double-click the input field to override your browser’s own autocomplete suggestions).
• Created: must include an ID attribute (specifying a list name) to associate the input field with the list; the specified ID list name must then be specified to a “list” attribute to send the input tag to create the association; the input tag must also include a name attribute to send to the server.
• The key=value pair submitted to the server is the specified list name and the input value selected from the options or entered directly by the user.

Answer 5

<datalist>
</datalist>

Question 6

• Element used to group related options in a <select> element.</select>
• With a long list of options, this makes handling easier for user.
• Option-group name specified to a “label” attribute.
• The attribute disabled specifies that an option-group should be disabled.

Answer 6

<optgroup>
</optgroup>

Question 7

• Can enclose text that is to be associated with a form control (a form control is any input, button, or textarea element).
• Alternatively, can simply enclose both the text and the control element to make the association (this allows styling to be applied to the entire label: often useful to distinguish the control associated with a particular text).
• Can include a “for” attribute specifying the value assigned to the control’s ID attribute to make the association.

Answer 7

<label></label>

Question 8

• <input></input>
• <button></button>
• <textarea>
  </textarea>

Answer 8

Form control elements

Question 9

• Each form control element may include this attribute to specify its tabbing order within the doc as a unique value between 0 and 32,767.
• Using the Tab Key, the user can navigate the doc ascending through the tabindex values.
• This attribute can also be included in any <a>, <area></area>, <object>, or <select> tag.</select></object></a>

Answer 9

tabindex

Question 10

• The superscript (entity) specifies inline text typically with a raised baseline using smaller font
• Superscript entity appears smaller than the superscript element; thus unlike the element, it maintains line spacing uniformity.
• Displayed for solely typographical reasons.
• Availability of character entity references is limited.

Answer 10

&sup(#); (or) &#code(#);