JSF - h: inputText

A tag h: inputText renderiza um elemento de entrada HTML do tipo "texto".

Tag JSF

<h:inputText value = "Hello World!" />

Saída renderizada

<input type = "text" name = "j_idt6:j_idt8" 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	alt Texto alternativo para elementos não textuais, como imagens ou miniaplicativos
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	maxlength Número máximo de caracteres para campos de texto
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>
   </head>
   
   <body>
      <h2>h:inputText example</h2>
      <hr />
      
      <h:form>
         <h3>Read-Only input text box</h3>
         <h:inputText value = "Hello World!" readonly = "true"/>
         <h3>Read-Only input text box</h3>
         <h:inputText value = "Hello World"/>
      </h:form>
   
   </body>
</html>

Assim que você estiver pronto com todas as mudanças feitas, vamos compilar e rodar a aplicação como fizemos no capítulo JSF - Primeira Aplicação. Se tudo estiver bem com sua aplicação, isso produzirá o seguinte resultado.

↰ Previous page