HTML Exam 2 Pt 2

Input element password box

Accepts text information that needs to be hidden as it is entered <input type="password" name="" id="" size="" maxlength="" value="" required="required" placeholder="">

Form element attributes

Action, method, name

Input element radio button

Allows the user to select exactly one from a group of predetermined items, each radio button in a group is given the same name and a unique value <input type="radio" name="" id="" checked value="">

Input element checkbox

Allows the user to select one or more of a group of predetermined items <input type="checkbox" name="you want each checkbox element to have same name so can grab all" checked(if want prechecked) value="">

Calendar control

<input type="date">

Select below that will associate a label displaying the text phone with the text box named customerPhone Phone: <input type="textbox" name="customerPhone"> <label>Phone: <input type="text" name="customerPhone"></label> <label for="Phone">Phone: </label> <input type="text" name="Phone" I'd="customerPhone">

<label>Phone: <input type="text" name="customerPhone"></label>

Choose the HTML tag that would configure a scrolling text box with the name feedback, 3 rows and 60 characters. <textarea name="feedback" width="60" rows="3"></textarea> <textarea name="feedback" rows="3" cols="60"></textarea> <input type="textarea" name="feedback" size="60" rows="3">

<textarea name="feedback" rows="3" cols="60"></textarea>

Select the attribute used to limit the num of chars that a textbox will accept. -maxlength -length -size -limit

Maxlength

Input element hidden field

This form control is not displayed on the web page, stores data beyond what form input, MAY COLLECT COOKIE INFO Can be accessed by both client and server side scripting <input type="hidden" name="" id="">

Email text box

Type="email" accepts text information in email address format

Search text box

Accepts search terms, type="search"

Select the HTML tag below that configures a textbox name "email" that is 40 chars wide -<input type="text" name="email" size="40"> <input type="text" I'd="email" width="40"> <input type="text" name="email" space="40"> <input type="text" width="40">

-<input type="text" name="email" size="40">

Two components of using forms

-Web page form - ie what the user sees, html element -server side processing, input is sent to update a database

input element text box

-accepts text information <input type="text" name="" id="" size="" maxlength="" value="" required="required" placeholder="pre-filled sample stuff">

Which statement is true? -A scrolling text box is created using a text area element -a text box is created using an input element with type="box" -a select list is created using select and input elements -a scrolling text box is created using an input element with type="textarea"

A scrolling text box is created using a textarea element

Label element

Associates a text label with a form control <label>Email: <input type="text".............</label> <label for="email">Email: </label> <input type="text" name="hello" id="email">. The ID must match the for

Color-well control

Color picker <input type="color">

<textarea>

Configures a scrolling text box, container tag

textarea element

Configures a scrolling textbox <textarea name="" id="" cols="" rows=""> Enter Comments</textarea>

<select>

Configures a select box, drop down list, container tag

Select element

Configures a select list, allows user to select one or more items from a list of predetermined choices Size determines how many items show initiallly before scroll <select name="" id="" size=""> <option>Select favorite browser</option> <option value="Internet Explorer</option> </select>

<input>

Configures a variety of form elements such as text boxes, radio buttons, check boxes and buttons, stand alone tag

<option>

Configures an option in the select box, container tag

Option element

Configures the options in a select list <option value="" selected(default select)</option>

Legend

Container tag, creates a text label within the fieldset

Fieldset

Container tag, creates a visual group of form controls - GOES WITHIN THE FORM ELEMENT NOT OUTSIDE

The HTML5 ________ form control provides the user with a selection of choices along with an option to enter info

Datalist

Slider control

Default range from 1-100, visual interactive, displays different depending on browser Low: <input type="range" min="" max="" name="" id=""> High

Method attribute

Get - default value, form data passed in url - not secure, data becomes part of url Post - more secure, data passed in HTTP

The purpose of the _______ element is to configure a label for a field set element

Legend

Select the type of form control that disguises the chars that are typed -encrypt box -hidden box -password box -text box

Password box

Input element reset button

Resets form fields to their initial values <input type="reset" name="" id="" value="">

An order form contains an area for web visitors to select their state or province. You need to limit the amount of space on the form that is used for this feature. What form control is best for this? -select list -check box -text box -radio button

Select list

Select the form control below that does not use the input element. -checkbox -select list -text box - radio button

Select list

Server-side scripting

Sent to browser by direct execution, run by web server itself or by an extension module to web server and run locally or on server side

Action attribute

Specifies the server-side program or script that will process your form data

Input element submit button

Submits the form information, when clicked it triggers the action method on the form tag, sends the form data - name=value pair for each form element to the web server <input type="submit" name="" id="" value="Sign me up!">

<form>

Tag that contains form elements on a web page, container tag

Datalist control

Textbox and choices shown <input type="text" name="color" id="color" list="colors"> <datalist id="colors"> <option value="red"> <option value="green"> </datalist>

The password symbols vary depending on

The browser it is rendered in

Name

Used for form submission, DOES NOT have to be unique, referenced by getElementsByTagName

Id

Used for hooking element with JS and CSS, referenced by getElementById, single bc unique only

Spinner control

Visual interactive that also displays feedback if num is out of range <input type="number" name="" id="" min="" max="">

Server-side processing

Web browser requests web pages and their related files from a web server, web server locates them and sends them back and web browser displays for use

Value attribute

What you want to show

How is date and time return to you

YYYYMMDD