Tag Attributes
In this section, we will be showing you the different attributes of the JSF <h:inputText> tag.
-
id: It is the identifier for a component. The id must be unique. We can use it to access an HTML element in CSS or JS.
-
class: We can use this attribute to give the class name to the component and to access the component from CSS and JS.
-
binding: It references the component used in a backing bean.
-
value: We can use it to collect the present value of the inputText.
-
valueChangeListener: When the form is submitted, it responds to the value change event on the input field.
-
maxlength: It defines the maximum number of characters one can enter in this field.
-
size: It defines the number of characters used to determine the width of the field.
-
style: It is used to apply CSS to the component.
-
styleClass: This attribute is used to hold the class name defined in the external style sheet.
-
rendered: We can use this attribute to render a component. By default, it is true. Setting it false suppresses rendering.
-
required: This boolean attribute indicates that the user is required to enter a value in the field.
-
requiredMessage: If the field is set to required, the requiredMessage is used to show that message to the web page it contains.
-
accesskey: It is typically a key. It gives focus to an element when pressed.
-
alt: It is used to set alternate textual descriptions of the element.
-
readonly: The read-only state of an input field indicates that the user can’t change or edit the component.
-
accept: It is the comma-separated list of content types for a form.
-
disabled: It is used to disable the state for an input element or button.
-
target: name of a frame in which a document is opened.
-
onchange: The JavaScript code is executed If the element value changes.
-
onclick: The JavaScript code is executed If the mouse button is clicked over the element.
-
ondblclick: The JavaScript code is executed If the mouse button is double-clicked over the element.
-
onfocus: The JavaScript code is executed If the element is on focus.
-
onselect: The JavaScript code is executed If the text is selected in an input field.
-
onkeydown: The JavaScript code is executed if the key is pressed.
-
onkeyup: The JavaScript code is executed if the key is released.
-
onkeypress: The JavaScript code is executed if the key is pressed and released subsequently
-
onmousemove: The JavaScript code is executed if the mouse moves within the element.
-
onmouseout: The JavaScript code is executed if the mouse button is moved away from the element.
-
onmouseup: The JavaScript code is executed if the mouse button is released over the element.
-
onmousedown: The JavaScript code is executed if the mouse button is pressed down over the element.
- onmouseover: The JavaScript code is executed if the mouse button is moved onto the element.
JSF <h:InputText> Example
Below is an example of the JSF <h:inputText> tag with some of the attributes specified above.
Index.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" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>InputText Example</title>
</h:head>
<h:body>
<h:form>
<h3>Normal Input Text Box: </h3>
<h:inputText value="Coding Ninjas" />
<h3>Read-Only Input Text Box: </h3>
<h:inputText value="Coding Ninjas" readonly="true" />
<h3>Input Text-Box with a max of 10 Characters:(Try it) </h3>
<h:inputText maxlength="10" />
<h3>Input Text Box(Text color: blue): </h3>
<h:inputText value="Coding Ninjas" style="color:blue" />
</h:form>
</h:body>
</html>
Output
Frequently Asked Questions
What is JSF?
JSF or JavaServer Faces is a server-side component-based, event-oriented web user interface framework for developing web applications.
What are the text components available in JSF?
The JSF text components are Label, Text Field, Text Area and Password.
What do you mean by JSF tag library?
In JSF, we have a standard tag library. Each of these tags gets rendered into corresponding output.
Conclusion
In this article, we have extensively discussed JSF <h:inputText> Tag.
We started with the basic introduction. Then we discussed the followings:
- <h:inputText>Tag
-
Tag Attributes
We hope that this blog gives you some ideas regarding JSF <h:inputText> Tag.If you want to learn more, follow our articles on Basics of Java, and Introduction to JSP.
Explore our practice platform Coding Ninjas Studio to practise top problems, attempt mock tests, read interview experiences, interview bundle, follow guided paths for placement preparations and much more.! Do upvote this blog to help other ninjas grow.
Happy Reading!
34+ registered 
