<!-- User input: Text boxes for contact information. -->
<fieldset>
    <legend>Adding a Contact</legend>

    <div>
        Username: <input type="text" id="username"/>
        First Name: <input type="text" id="firstName" />
        Last Name: <input type="text" id="lastName" />
        Favorite Color: <input type="text" id="favoriteColor"/>
        <input type="button" value="Add Contact" onClick="addContact();"/>
    </div>
</fieldset>

<!-- Message log. -->
<fieldset>
    <legend>Messages</legend>
    <div id="messages"> </div>
</fieldset>

<!-- User input: Button. Section for displaying contacts. -->
<fieldset>
    <legend>Get Contacts</legend>
    <input type="button" value="Get Address Book" onclick="getAddressBook();"/>

    <div id="contact-list"> Contacts: </div>
</fieldset>

<!-- User input: Text box and button. -->
<fieldset>
    <legend>Removing a Contact</legend>

    <div>
        Contact Id: <input type="text" id="contact_id" required/>
        <input type="button" value="Remove Contact" onClick="removeContact();"/>
    </div>
</fieldset>

