C777 Unit 5: Forms

Which HTML tag is used to create an HTML form for user input?

autocomplete

EXAMPLES:

Which attribute specifies whether a form or an input field should allow the browser to predict the value?

novalidate

EXAMPLE:

Which attribute specifies that the form input should not be validated when submitted?

action

EXAMPLE:

Which attribute defines the action to be performed when the form is submitted?

enctype

EXAMPLE:

Which attribute specifies how form input should be encoded when submitted to the server?

method

EXAMPLE:

Which attribute specifies the HTTP method to be used when submitting the form data?

target

EXAMPLE:

Which attribute specifies where to display the response that is received after submitting the form?

list

EXAMPLE:

Which attribute refers to pre-defined options contained in a datalist?

min and max

EXAMPLE:

Which attributes define the minimum or maximum value for an element?

maxlength

EXAMPLE:

Which attribute defines the maximum length of input allowed in an field?

multiple

EXAMPLE:

Which attribute allows the user to enter more than one value in the element?

pattern

EXAMPLE:

Which attribute checks input into the field against a regular expression, which is a pattern of characters for use in pattern-matching and search-and-replace functions?

placeholder

EXAMPLE:

Which attribute provides a hint to the user of the input value expected in the field?

required

EXAMPLE:

Which attribute requires input in the field before the form can be submitted?

user input validation

What do we call the process that tests data input to verify whether the input follows a specified format or meets minimum requirements for character number or type?

inline validation

What do we call the process in which the user input in each field of a form is validated before the form is submitted?

Which pattern ensures the user enters a three digit country code?

Which pattern ensures the user enters a date formatted as 1/1/2021?

Which pattern ensures the user enters a valid email address?

Which pattern ensures the user enters latitude/longitude?

Which pattern ensures the user enters a price?

Which pattern ensures the user enters a URL beginning with https?

Which input type displays as round buttons in a group of mutually exclusive pre-determined choices?

Which HTML element submits a user's completed form data to the server for processing?

Which HTML element resets the form data to its initial value?

Which HTML element creates a clickable button that does not directly affect form data and allows text and images to be placed within its tags?

Which input type displays as square buttons in a group of pre-determined choices from which the user can select more than one choice?

Which element creates a rectangular field that can expand upon user interaction and allow users to select one or more pre-determined choices?

pogo-sticking

What occurs when users must submit and resubmit a form until it validates?

Which input type displays as rectangle field into which users can type alphanumeric characters of their choice?

Which input type allows the user to choose colors?

Which input type allows the user to enter a date (without time zone) using a drop-down date-picker calendar?

Which input type allows the user to choose a date and time with a GMT time zone?

Which input type allows the user to choose a date and time with a local time zone?

Which input type allows the user to enter an e-mail address?

Which input type allows the user to choose a date using the month and year (without time zone)?

Which input type allows the user to enter rational integers or float values?

Which input type allows the user to enter numbers using a slider control?

Which input type allows the user to enter text for a search query?

Which input type allows the user to enter a phone number?

Which input type allows the user to enter a time (without time zone)?

Which input type allows the user to enter a URL, such as an http://, ftp:// or mailto: address?

Which input type allows the user to choose a date using the week and year (without time zone)?

Which element specifies a list of pre-defined choices for an element?

Which element adds security to a form through asymmetric encryption by creating a key-pair generator field in the form?

Which element displays the result when a calculation is performed?

autofocus

EXAMPLE:

Which attribute applies focus on the element when the page loads?

disabled

EXAMPLE:

Which attribute disables an element?

for

EXAMPLE: Other

Which attribute specifies the IDs of elements whose values were used?

form

EXAMPLE: Submit

Which attribute specifies the form(s) on the page in which the element appears?

name

EXAMPLE:

Which attribute specifies a name for the element that can be used to reference it?

wrap

EXAMPLE: At W3Schools you will find free Web-building tutorials.

Which attribute specifies whether text submitted in a form field is to be wrapped?

Which element allows you to add a caption for a group of items created by the

element?

Which element is used to group elements so that related fields are placed together in a form?

Which element enables you to add a label to an input element in a form?

The browser will use the default type of text.

When you use the element to create form fields, what occurs if you neglect to include the type attribute?

The browser will degrade to a standard text box.

What occurs if an input type is not supported by a browser (example: search)?

Some users may become frustrated if they need to submit and resubmit a form until it validates.

What is a disadvantage of waiting to validate user input until after the user completes the form?

Users can resolve errors as they fill out each form field and submit the completed form just once.

What is the benefit of inline validation?

truthful information

What can validation techniques not check for?

The required attribute

This JavaScript code is the equivalent of which HTML5 attribute?

function validateForm(){

var x = document.forms["myForm"]["number"].value;

if (!x){alert("Please enter a phone number");

return false;}

}

The pattern attribute

This JavaScript code is the equivalent of which HTML5 attribute?

function validateForm(){

var x = document.forms["myForm"]["email"].value;

var atpos=x.indexOf("@");

var dotpos=x.lastIndexOf(".");

if (atpos < 1 || dotpos < atpos+2 || dotpos + 2 >= x.length){

alert("Please enter a valid e-mail address");

return false;}

}

a script

Calculations in a Web page form are usually performed by what?

differently

Do HTML5 input types display the differently or the same in various browsers?

RSA

What is the default security algorithm used with the HTML5 element?

A private key and a public key

What two keys are created by the HTML5 element?

JavaScript

Prior to HTML5, what did Web developers use to conduct inline validation in HTML forms?