You can drag the Standard JavaServer Faces Text Field component 
from
the Palette to the Visual Designer to provide a text input field where users
can type or paste single lines of text. The HTML equivalent for this component
is <input type ="text">.
- This component is a JavaServer Faces reference implementation that cannot use themes. The Password Field component in the Basic category of the Palette does support themes and provides other features that improve ease of use.
After dragging the component to the Visual Designer, you can do a number of things with it:
- Change the displayed text of the component by selecting the the component
and typing the new text. Press Enter to save the text in the component's
value property.
- Edit the component's properties in the Text
Field property
sheet. Some typical properties you might set are:
- id. The name of the Text Field component. In
the JSP file, this name is the value of the component's
id attribute. In the page bean, this property's
value is the name of the HtmlInputText object.
- value. The default text value shown to the user
and the value sent to the server.
- id. The name of the Text Field component. In
the JSP file, this name is the value of the component's
id attribute. In the page bean, this property's
value is the name of the HtmlInputText object.
- Right-click the component and choose one of the following
pop-up menu items:
- Edit Event Handler. Write code for one of the
following event handlers.
- validate. Opens the Java Editor with the
cursor positioned in the component's validate
method so you can insert code to validate the value
of the component.
- processValueChange. Opens the Java Editor
with the cursor positioned in the component's processValueChange
method so you can insert code that executes when the
value of this component changes (for example, the user
changes the value of another component that is controlling
the value of this component).
- validate. Opens the Java Editor with the
cursor positioned in the component's validate
method so you can insert code to validate the value
of the component.
- Bind to Data. Opens a dialog box that enables you to bind the component's
valueproperty to a data provider or an object so your application can evaluate it when the page is submitted. For more information, see Bind to Data Dialog Box.
- Auto-submit on Change. Causes the form to be automatically submitted if the value of the component changes. Sets the component's JavaScript onclick property to
common_timeoutSubmitForm(this.form, 'component-id');. At runtime, this code causes the form to be automatically submitted if the user changes the component value. Once the form is submitted, conversion and validation occur on the server and any value change listener methods execute, and then the page is redisplayed.
A component configured to Auto-submit on Change can use virtual forms to limit the input fields that are processed when the form is submitted. If the auto-submit component is defined to submit a virtual form, only the participants in that virtual form will be processed when the auto-submit occurs.
- Configure Virtual Forms. Enables you to add the component to a virtual form.
- Property Bindings. Opens a dialog box that enables
you to bind the properties of the component to other objects
or properties that update this component's properties
automatically.
- Edit Event Handler. Write code for one of the
following event handlers.
Close