FIT 100 Fluency with Information Technology

Project Storyteller
Part A—Customizing Your Form

On this step, you will customize the provided form to be in line with your story.

1. Open storytellerForm.html in an editor.
2. Now, you need to modify the form so it matches your list of key words. You will only need to edit the <input type="text" /> and their associated the <label> tags. You can choose to leave the inputs with their current names or change them to match what you request from the user, such as fruit or occupation. You may need to add or delete some boxes.
3. Each input tag (including the drop-down list) must have a unique ID. If you add or change any, make sure that your correctly updated the for, name, and id must match as in this example:
   <label for="word4">Group: </label>
   <input type="text" name="word4" id="word4" />
   Furthermore, do not use any spaces in the ids. The following example would be illegal: id="verb for run".
4. Save your file and view in a browser to check that everything looks correct.