userFormjsp

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"  %>
<h3 class="show-for-small">
${user.id} |  ${user.firstName} - ${user.lastName}
<hr />
</h3>
<div class="panel">
    <h4 class="hide-for-small">
        <c:choose>
            <c:when test="${fn:length(user.firstName)>0}">
                ${user.id} |  ${user.firstName} - ${user.lastName}
            </c:when>
            <c:otherwise>
                New User
            </c:otherwise>
        </c:choose>

        <hr />
    </h4>
<div id="userFormTabs" class="userTabs">
    <ul>
        <li><a href="#tabs-1">User Info</a>
        </li>
        <li><a href="#tabs-2">Assignment</a>
        </li>
        <li><a href="#tabs-3">Credentials</a>
        </li>
    </ul>
    <div id="tabs-1">
        <form class="stylized clearfix">
            <div class="shortInputElement">
                <label>First Name <span class="small"> </span>
                </label>
                <div>
                    <input type="text" id="userFirstName" value="${user.firstName}" />
                </div>
            </div>
            <div class="shortInputElement">
                <label>Last Name <span class="small"> </span>
                </label>
                <div>
                    <input type="text" value="${user.lastName}" />
                </div>
            </div>
            <div class="shortInputElement">
                <label>Title <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
            <div class="shortInputElement">
                <label>Email <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
            <div class="shortInputElement">
                <label>Phone <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
            <div class="shortInputElement">
                <label>Gov Region <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
        </form>
    </div>
    <div id="tabs-2">
        <form class="stylized clearfix">
            <h2>Legal Guardian Relationship</h2>
            <div class="longInputElement">
                <label>I currently <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
            <h2>Financial Payee Relationship</h2>
            <div class="longInputElement">
                <label>I currently Have a <span class="small"> </span>
                </label>
                <div>
                    <input type="text" />
                </div>
            </div>
        </form>
    </div>
    <div id="tabs-3">
        <h2>Edit access</h2>
        <div class="longInputElement">
            <div class="crossSelectLabel">Has Not</div>
            <div class="crossSelectLabel">Has</div>
            <div class="clear"></div>
            <select multiple="multiple" id="userCredentials">
                <option value='elem_1'>CMS 01</option>
                <option value='elem_2'>CMS 02</option>
                <option value='elem_3'>CMS 03</option>
                <option value='elem_4'>CMS 04</option>
            </select>
        </div>
    </div>
</div> <!-- user tabs -->
</div> <!-- panel -->