JSF2.3 inputHidden – Ejemplos
En JSF, la etiqueta inputHidden representa un elemento de «entrada» HTML de tipo oculto. Esta etiqueta se utiliza para incluir las variables ocultas en una página web, por lo que puede pasar información oculta al enviar un formulario.
JSF:
<h:inputHidden value="Hola mundo!"/>
HTML:
<input type="hidden" name="j_idt6:j_idt8" value="Hola mundo!" />
Ejemplo:
Escribir un formulario que muestre un botón enviar. Al clicar en el botón ‘Clicar’, el formulario debe mostrar o campo oculto con valor «Hola a todos!» através de una ventana.
Página JSF con el formulário: ejemploInputHidden.xhtml
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html"> <h:head> <title>Ejemplo JSF2.3 InputHidden</title> <script type="text/javascript"> function imprimirValorOculto(){ alert(document.getElementById('form:valorOculto').value); } </script> </h:head> <h:body> <h2>Ejemplo JSF2.3 InputHidden</h2> <h:form id="form"> <h:inputHidden id="valorOculto" value="Hola a todos!"/> <h:commandButton type="button" value="Clicar!" onclick="imprimirValorOculto()" /> </h:form> </h:body> </html>
Resultado:
http://localhost:8080/ejemplo_web_jsf23/ejemploInputHidden.xhtml