Inclass exercise: Week 4 second class.

1 Open your IDEA Static Web project associated with your htdocs/ics415f15 directory.

2 Using IDEA create a subdirectory named w4c2 under the IC directory.

3 Create a Bootstrap web page, form.html, with a form that asks for the user’s name, address, and phone number. The form’s action should be process.html and method should be GET. The form should look something like:

<form name=”myForm” action=”process.html” method=”get”>
  <div class=”form-group”>
    <label for=”username”>User name: </label>
    <input type=”text” name=”name” id=”username”>
  </div>
  <div class=”form-group”>
    <label for=”address”>Address: </label>
    <input type=”text” name=”address” id=”address”>
  </div>
  <div class=”form-group”>
    <label for=”phone”>Phone Number: </label>
    <input type=”text” name=”phone” id=”phone”>
</div>
  <input type=”submit” value=”Submit”>
</form>

4 Create a Bootstrap web page process.html, using JavaScript display the entered data in a nicely formatted table.

5 Start Apache, view the website in your browser.

6 In your browser open the Developer Tools Console and hide the phone number form group. You might need to modify the HTML.

7 Commit the website to GitHub.

8 Show me your website.