JSF - h: inputText

La balise h: inputText restitue un élément d'entrée HTML de type "texte".

Balise JSF

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

Sortie rendue

<input type = "text" name = "j_idt6:j_idt8" value = "Hello World!" />

Attributs de balise

S. Non	Attribut et description
1	id Identifiant d'un composant
2	binding Référence au composant qui peut être utilisé dans un backing bean
3	rendered Un booléen; false supprime le rendu
4	styleClass Nom de classe de feuille de style en cascade (CSS)
5	value La valeur d'un composant, généralement une liaison de valeur
6	valueChangeListener Une méthode qui se lie à une méthode qui répond aux changements de valeur
sept	converter Nom de la classe de convertisseur
8	validator Nom de classe d'un validateur créé et attaché à un composant
9	required Un booléen; si vrai, nécessite la saisie d'une valeur dans le champ associé
dix	accesskey Une clé, généralement combinée à une métakey définie par le système, qui donne le focus à un élément
11	accept Liste des types de contenu séparés par des virgules pour un formulaire
12	accept-charset Liste de codages de caractères séparés par des virgules ou des espaces pour un formulaire. leaccept-charset l'attribut est spécifié avec l'attribut HTML JSF nommé acceptcharset.
13	alt Texte alternatif pour les éléments non textuels tels que des images ou des applets
14	border Valeur de pixel pour la largeur de bordure d'un élément
15	charset Codage de caractères pour une ressource liée
16	coords Coordonnées d'un élément dont la forme est un rectangle, un cercle ou un polygone
17	dir Direction du texte. Les valeurs valides sontltr (de gauche à droite) et rtl (de droite à gauche).
18	disabled État désactivé d'un élément d'entrée ou d'un bouton
19	hreflang Langue de base d'une ressource spécifiée avec le href attribut; hreflang ne peut être utilisé qu'avec href
20	lang Langue de base des attributs et du texte d'un élément
21	maxlength Nombre maximum de caractères pour les champs de texte
22	readonly État en lecture seule d'un champ d'entrée; le texte peut être sélectionné dans un champ en lecture seule mais pas édité
23	style Informations de style en ligne
24	tabindex Valeur numérique spécifiant un index de tabulation
25	target Le nom d'un cadre dans lequel un document est ouvert
26	title Un titre, utilisé pour l'accessibilité, qui décrit un élément. Les navigateurs visuels créent généralement des info-bulles pour la valeur du titre
27	type Type de lien; par exemple,stylesheet
28	width Largeur d'un élément
29	onblur L'élément perd le focus
30	onchange Changements de valeur de l'élément
31	onclick Le bouton de la souris est cliqué sur l'élément
32	ondblclick Le bouton de la souris est double-cliqué sur l'élément
33	onfocus L'élément reçoit le focus
34	onkeydown La touche est enfoncée
35	onkeypress La touche est enfoncée puis relâchée
36	onkeyup La clé est libérée
37	onmousedown Le bouton de la souris est enfoncé sur l'élément
38	onmousemove La souris se déplace sur l'élément
39	onmouseout La souris quitte la zone de l'élément
40	onmouseover La souris se déplace sur un élément
41	onmouseup Le bouton de la souris est relâché
42	onreset Le formulaire est réinitialisé
43	onselect Le texte est sélectionné dans un champ de saisie
44	immediate Validation des processus tôt dans le cycle de vie

Exemple d'application

Créons une application JSF de test pour tester la balise ci-dessus.

Étape	La description
1	Créez un projet avec un nom helloworld sous un package com.tutorialspoint.test comme expliqué dans le chapitre JSF - Première application .
2	Modifiez home.xhtml comme expliqué ci-dessous. Gardez le reste des fichiers inchangés.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.
4	Enfin, créez l'application sous la forme d'un fichier war et déployez-la dans Apache Tomcat Webserver.
5	Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape.

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>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application comme nous l'avons fait dans le chapitre JSF - Première application. Si tout va bien avec votre application, cela produira le résultat suivant.