<%@ 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>