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