JSF - h: inputTextarea
A tag h: inputText renderiza um elemento de entrada HTML do tipo "texto".
Tag JSF
<h:inputTextarea row = "10" col = "10" value = "Hello World!
Everything is fine!" readonly = "true"/>
Saída renderizada
<textarea name = "j_idt18:j_idt20" readonly = "readonly">
Hello World! Everything is fine!</textarea>
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>
</head>
<body>
<h2>h:inputTextArea example</h2>
<hr />
<h:form>
<h3>Read-Only input text area</h3>
<h:inputTextarea row = "10" col = "10" value = "Hello World!
<br/> Everything is fine!" readonly = "true"/>
<h3>Normal input text area</h3>
<h:inputTextarea value = "Hello World! <br/> Everything is fine!"/>
</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.