JSF - h: inputHidden

A tag h: inputHidden renderiza um elemento de entrada HTML do tipo "oculto".

Tag JSF

<h:inputHidden value = "Hello World" id = "hiddenField" />

Saída renderizada

<input id = "jsfForm:hiddenField" type = "hidden" name = "jsfForm:hiddenField"  
   value = "Hello World" />

Atributos de tag

S.Não	Atributo e descrição
1	id Identificador para um componente
2	binding Referência ao componente que pode ser usado em um backing bean
3	rendered Um booleano; falso suprime a renderização
4	styleClass Nome da classe da folha de estilo em cascata (CSS)
5	value O valor de um componente, normalmente uma associação de valor
6	valueChangeListener Uma ligação de método a um método que responde a alterações de valor
7	converter Nome da classe do conversor
8	validator Nome da classe de um validador que é criado e anexado a um componente
9	required Um booleano; se verdadeiro, requer que um valor seja inserido no campo associado
10	accesskey Uma chave, normalmente combinada com uma metachave definida pelo sistema, que dá foco a um elemento
11	accept Lista separada por vírgulas de tipos de conteúdo para um formulário
12	accept-charset Lista separada por vírgulas ou espaços de codificações de caracteres para um formulário. oaccept-charset atributo é especificado com o atributo JSF HTML chamado acceptcharset.
13	cols Numero de colunas
14	border Valor de pixel para a largura da borda de um elemento
15	charset Codificação de caracteres para um recurso vinculado
16	coords Coordenadas para um elemento cuja forma é um retângulo, círculo ou polígono
17	dir Direção do texto. Os valores válidos sãoltr (da esquerda para a direita) e rtl (direita para esquerda).
18	disabled Estado desativado de um elemento de entrada ou botão
19	hreflang Idioma base de um recurso especificado com o href atributo; hreflang só pode ser usado com href.
20	lang Idioma base dos atributos e texto de um elemento
21	rows Numero de linhas
22	readonly Estado somente leitura de um campo de entrada; o texto pode ser selecionado em um campo somente leitura, mas não editado
23	style Informação de estilo inline
24	tabindex Valor numérico que especifica um índice de tabulação
25	target O nome de uma moldura na qual um documento é aberto
26	title Um título, usado para acessibilidade, que descreve um elemento. Os navegadores visuais normalmente criam dicas de ferramentas para o valor do título
27	type Tipo de link; por exemplo,stylesheet
28	width Largura de um elemento
29	onblur Elemento perde o foco
30	onchange O valor do elemento muda
31	onclick O botão do mouse é clicado sobre o elemento
32	ondblclick O botão do mouse é clicado duas vezes sobre o elemento
33	onfocus Elemento recebe foco
34	onkeydown A tecla está pressionada
35	onkeypress A tecla é pressionada e posteriormente liberada
36	onkeyup Chave liberada
37	onmousedown O botão do mouse é pressionado sobre o elemento
38	onmousemove O mouse se move sobre o elemento
39	onmouseout O mouse sai da área do elemento
40	onmouseover O mouse se move para um elemento
41	onmouseup Botão do mouse liberado
42	onreset O formulário foi reiniciado
43	onselect O texto é selecionado em um campo de entrada
44	immediate Validação de processo no início do ciclo de vida

Aplicação de exemplo

Vamos criar um aplicativo JSF de teste para testar a tag acima.

Degrau	Descrição
1	Crie um projeto com o nome helloworld sob um pacote com.tutorialspoint.test conforme explicado no capítulo JSF - Primeira Aplicação .
2	Modifique home.xhtml conforme explicado abaixo. Mantenha o resto dos arquivos inalterados.
3	Compile e execute o aplicativo para ter certeza de que a lógica de negócios está funcionando de acordo com os requisitos.
4	Por fim, construa o aplicativo na forma de um arquivo war e implante-o no Apache Tomcat Webserver.
5	Inicie seu aplicativo da web usando o URL apropriado, conforme explicado a seguir na última etapa.

home.xhtml

<!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">
   <head>
      <title>JSF Tutorial!</title>
      <h:head>
         
         <script type = "text/javascript">
            function showHiddenValue() { 
               alert(document.getElementById('jsfForm:hiddenField').value);	 
            }
         </script>
      </h:head>
   </head>
   
   <body>
      <h2>h:inputHidden example</h2>
      <hr />
      
      <h:form id = "jsfForm">
         <h3>Get value from inputHidden field</h3>
         <h:inputHidden value = "Hello World" id = "hiddenField" />
         <h:commandButton value = "Show Hidden Value" onclick = "showHiddenValue()" />
      </h:form> 
   
   </body>
</html>

Quando você estiver pronto com todas as alterações feitas, vamos compilar e executar o aplicativo como fizemos no capítulo JSF - Criar Aplicativo. Se tudo estiver bem com sua aplicação, isso produzirá o seguinte resultado.

↰ Previous page