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.