CIS 273 Lab Assignment 7 Form Page

Description

Deliverables: One (1) Web page and one (1) Cascading Style Sheet (.css)
Follow the directions below to complete Lab Assignment 7:
Note: The CGI bin script does not work for us because we do not have a server to run it on.
Therefore, we will use the code listed here instead of the .js files.
In order to have the Submit and Cancel buttons clear the fields, put this line in your code:
After your
tag:
And this line after your tag:
The above code will help the fields clear without taking you away from the page.
Re-create the Web page with a form, and create a heading that states your name and the purpose of the page. Example: “Mary Smith’s Sample Form Page” states the purpose of the page.
Create an entry field for:
a. “Name”.
b. “Street Address”.
c. “City”.
d. “State (abbr.)”.
Create the formstxt.css sheet and apply it to the page.
Enter your city and state as the default values for the fields.
Use local tags on the page to override the .ccs and set the size of the font for “Student Information” to 6 pt.
Create the “Submit” and “Cancel” buttons.
Validate that the buttons clear the name and street address when selected.
SCREENSHOTS
SOLUTION
PAYMENT
The solution includes 1 web page1 and 1 cascading style sheet.
Attachments [Move over files to preview content of those files]
CIS273_Lab_7.zip (39.07 KB)
basicForm.htm
CIS273-Lab-7-Screenshot.png
formstxt.css
Preview basicForm.htm
Form Page: sampleform
xxxxx xxxxxxx’x xxxxxx xxxx xxxx
xxxxxxx xxxxxxxxxxx
Preview formstxt.css
xxxx {
xxxxx: 400xx;
xxxxxxx: 1xx;
}
label { display: inline-block; width: 150px; text-align: left; }
button {
xxxxx: 48%;
}
xxxxxxxx { xxxxxx:1xx xxxxx xxx(255, 51, 0);
xxxxxxxxxx: xxxxxxxxxxx;}
Price: $12
$15
Save $3 (20%)
Buy Now
Checkout
Added to cart
Add to Cart
Checkout
Added to cart
Note: We offer a discount for buyers who purchase multiple items.
You May Also Like:
CIS 273 Lab Assignment 2 Three Web Pages with Hyperlinks
CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets
CIS 273 Lab Assignment 5 Navigation Bars and Repeated Images
CIS 273 Lab Assignment 6 Working with Tables
CIS 273 Lab Assignment 8 Adding Sound
CIS 273 Lab Assignment 8 Single Page Website
CIS 273 Lab Assignment 9 JavaScript
CIS 273 Lab Assignment 10 Techincal Project Business Website