HTML Forms
Create a new page on your Google Sites.
- What would you use HTML Forms for?
Examples
- What does this example demonstrate?
- What does this example demonstrate?
Forms
- What is a form?A form is an area that can contain form elements.
- what are form elements?
- List 4 example of form elements.
- What tag is used to define a form?
- What is the most used form tags? What do these tags do?
Text Fields
- When are text fields used?
- What is the width of a field in most browsers?
Radio Buttons
- What are Radio buttons?
- When are Radio Buttons used?
Checkboxes
- What are check boxes?
- When are check boxes used?
The Form's Action Attribute and the Submit Button
- Describe how the Form's Action Attribute and the Submit Button works.
Check out the examples below.
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
Form Examples
Form with input fields and a submit button
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
- What does this example demonstrate?
Work in the tryit editor. Copy and paste the code into the correct HTML editing program on this computer(text edit).
Add your Headers from page 1.
Add a table in your project with a header row and 4 columns. (From Page 4)
Add the Hyperlinks for each of your 6 pages.
Add to your project.
Add 4 text fields for Name, ID Number, Phone Number and Email.
Add Radio button to select a Grade A, B, C, D, OR E.
Add check boxes for a list of 5 or more items you might need in school. Example: (Pen, notebook.......)
Add a drop down box to select the year you will graduate.
Save it as forms with the correct extension(page6.html).
Turn it in on Engrade.