<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
             
(1) <%@taglib prefix="ui" uri="http://java.sun.com/blueprints/ui/14"%>
...

<f:view>
...

<h:form id="autofillform">
   <h:panelGrid cellpadding="5" cellspacing="0" columns="3" style="margin-bottom: 20px">
   ...

      <h:outputText value="City:" />
                 
            
(2) <ui:autoComplete size="40" maxlength="100" id="cityField"
                     completionMethod="#{ApplicationBean.completeCity}"
                     value="#{SessionBean.city}" required="true"
                     ondisplay="function(item) { return extractCity(item); }"
                     onchoose="function(item) { return chooseCity(item); }"
                />
       ...


          <h:outputText value="State:" />
                 
            
(2) <ui:autoComplete size="2" maxlength="100" id="stateField"
                    completionMethod="#{ApplicationBean.completeState}"
                    value="#{SessionBean.state}" required="true" />

   ...
   </h:panelGrid>
...
</f:view>