Forms

HTML forms are used for sending data to a website

The can also be used for input to Javascript

A form consists of a set of input fields

<form>
name: <input type="text" id="name" value="">
 <br>
address: <input type="text" id="address" value="">
</form>

The value attribute will give you the current value of the input - the entered text

Other possible inputs:

• <input type="submit">
• <input type="checkbox">
• <input type="radio">
• <textarea>
• <select> (with <option>)

Adding to a page

The content of existing elements on a page can be changed using innerHTML

New elements can also be added via createElement and appendChild

function addParagraph(text)
    {
    newpara = document.createElement("p");
    newpara.innerHTML = text;
    $('parent').appendChild(newpara);
    }

Code review

• Create a shared document
• Each person "claims" one page
• Paste code into the page - use tohtml.com to format it first
• each student in turn:
  • explain your code for 30 seconds
  • everyone studies it silently for ~4 minutes, adding comments to document
  • spend 3 minutes reviewing - each person discusses their most important comment(s)

This document is by Dave Pape, and is released under a Creative Commons License.