Código:
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
>
<h:head>
<title>Facelet Title</title>
</h:head>
<h:body>
<f:view>
<h:form id='form'>
<h:outputLabel>Nombre</h:outputLabel>
<h:inputText id="nombre" value="#{personas.nombres}" maxlength="25"/>
<h:outputLabel>Apellidos</h:outputLabel>
<h:inputText id="apellidos" maxlength="50" value="#{personas.apellidos}"/>
<br/>
<input type='reset' value="reset"></input>
<br/>
<h:commandButton value="Añadir" action="#{personasJpaController.create(personas)}"/>
</h:form>
</f:view>
</h:body>
</html>
Mi problema reside en que el input type reset no funciona bien del todo
Por ejemplo, si al principio se rellenan los campos y se da al botón "reset" los campos se quedan vacíos (hasta ahí bien), pero cuando se rellenan los campos y se presiona "Añadir" (Este botón funciona, añade los campos a una tabla de la base de datos) y después se presiona "reset" los campos no se quedan a blancos sino que retornan con el valor que tenían después de añadirlos a la base de datos
¿Como puedo hacer para que los campos siempre se queden vacíos al presionar "reset"?