<h2>Edit #{todoBean.todo.title}</h2>
<h:form id="edit">
<input type="hidden" name="tid" value="#{todoBean.todo.id}"/>
<table>
<tr>
<td>Title:</td>
<td>
<h:inputText id="title" value="#{todoBean.todo.title}" size="15">
<f:validateLength minimum="2"/>
</h:inputText>
</td>
</tr>
<tr>
<td>Description:</td>
<td>
<h:inputTextarea id="description" value="#{todoBean.todo.description}">
<f:validateLength minimum="2" maximum="250"/>
</h:inputTextarea>
</td>
</tr>
</table>
<h:commandButton type="submit" id="update" value="Update"
action="#{todoBean.update}"/>
<h:commandButton type="submit" id="delete" value="Delete"
action="#{todoBean.delete}"/>
</h:form>
Figure 5.3, “The "Edit Todo" web page ” shows the "Edit Todo" web page with the mapping to the data model.