Metropolitan Community College Javascript & HTML Code

Format the content with a variety of HTML elements and attributes.

• Add different types of form fields to the form. Don’t forget to configure the <form> element!
• Include at least two fieldsets and legends.
• At minimum in your page you need to use <label> for each form field.
• Input Elements
  • • Include at least 1 radio button group (a group of 3 radio buttons that work together). Use <input type=”radio”>
    • Include at least 4 checkboxes. Use <input type=”checkbox”>
    • Include at least 5 textboxes. Include at least: passwords, email, date, color and number
• Include 1 dropdown list (A <select> control at least 5 options in the list and one selected by default)
• Include 1 <textarea> form control.
• Include 1 button (or <input type=”submit” /> where it will allow the user to submit the form to be processed by the JavaScript.

Format the content and form fields with style rules

Process the form using JavaScript.

Use Functions to process your form!

• • Modify the embedded JavaScript to use your own functions and formulas.
  • When the user clicks on the button bypass the submission of the form and have the JavaScript process the form.
  • Use at least two (2) functions in your program that pass and return values.