form.html

<form id="oer_usage">
        <p>It looks like you are going to use this material. Please consider sharing some information with us. This is voluntary and does not effect you ability to use this educational material. However, it does help us see who has been using or examining our materials.</p>
        <p>Your information will be kept secure and confidential.</p> 
        <p>If you have any questions, please contact us at <a href="mailto:BD2K@ohsu.edu">BD2K@ohsu.edu</a>.</p>
    <fieldset id="surveyQuestion">
        <legend>Would you be willing to give us feedback on the materials?</legend>
        <ul>
        <li><input id="userSurvey1" name="userSurvey" type="checkbox" value="yes" checked="checked"/><label for="userSurvey1">Yes, I would be willing to give feedback on the materials.</label></li>
        </ul>
        
    </fieldset>
    <fieldset id="userInfo">
        <legend>Your information:</legend>
        <ul>
        <li><label for="userName">What is your name?</label><br/>
        <input id="userName" name="userName" type="text" value="" placeholder="Enter your name here"/></li>
        
        <li><label for="userEmail">What is your email?</label><br/>
        <input id="userEmail" name="userEmail" type="text" value="" placeholder="sample@sample.com"/></li>
        
       <li><label for="userPosition">What is your role in using these OER materials?</label><br/>
        <input id="userPosition" name="userPosition" type="text" value="" placeholder="instructer, course designer, teaching assistant"/></li>
        </ul>
    </fieldset>
    <br/>
    
    <div class="signupButton"><a href="#">Direct Download</a></div>
    <input type="submit" value="Submit and Download" class="signupButton" />
</form>