JSF <h:inputText>标签

精华

小牛编辑

135浏览

2023-03-14

JSF <h:inputText>标签用于呈现网页上的输入字段。它在<h:form>标签中用于声明允许用户输入数据的输入字段。

value属性指的是名为User的委托Bean的name属性。该属性保存名称组件的数据。用户提交表单后，User中的name属性的值将被设置为与该标签对应的字段中输入的文本。

打开 NetBean8.2，创建一个名称为：htags的JSF工程，然后按以下步骤添加相应文件和代码。

JSF `<h:InputText>`标签示例

在下面的示例中，我们使用标签标签为inputText标签提供标签，一个带有属性的inputText，一个用于表示提交按钮的commandButton。全部都被包含在<h:form>标签中。

文件： inputtext.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:h="http://xmlns.jcp.org/jsf/html">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form id="form">  
            <h:inputText id="username" value="#{user.name}" label="username" maxlength="10"            
                         size="15" alt="username" autocomplete="off" readonly="false" required="true"              
                         requiredMessage="Username is required" style="color:red" accesskey="q">  
            </h:inputText>   </h:form>
    </h:body>
</html>

2)创建托管Bean

文件： User.java 的代码如下所示 -

/*
 * To change this license header, choose License Headers in Project Properties.
 * To change this template file, choose Tools | Templates
 * and open the template in the editor.
 */
package com.yiibai;

/**
 *
 * @author Maxsu
 */
import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;

@ManagedBean
@RequestScoped
public class User {

    String name;
    String email;
    String password;
    String gender;
    String address;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getGender() {
        return gender;
    }

    public void setGender(String gender) {
        this.gender = gender;
    }

    public String getAddress() {
        return address;
    }

    public void setAddress(String address) {
        this.address = address;
    }
}

JSF渲染`<h:inputText>`标签如下：

代码如下所示 -

<input id="userform:username" name="userform:username" autocomplete="off" accesskey="q"   
alt="username" maxlength="10" size="15" style="color:red" type="text">

4)运行应用程序

打开浏览器，访问：http://localhost:8084/htags/faces/inputtext.xhtml ，输出如下所示 -

JSF `<h:inputText>` 标签的属性

属性名称	描述
id	它是此组件的标识符，ID必须是唯一的。您可以使用它来访问CSS和JS文件中的HTML元素。
value	它用于收集输入文本的当前值。
class	它给组件的类名，它用于从CSS和JS文件访问组件。
maxlength	在此字段中可能输入的最大字符数。
alt	由该组件呈现的元素的替代文本描述。
accesskey	按键的访问键将焦点转移到该元素。它将根据浏览器的不同而不同。
size	用于确定此字段宽度的字符数。
required	它表示用户需要为此输入组件提供提交的值。
requiredMessage	如果将`required`属性设置为`true`，则在“`RequiredMessage`”中提供的消息描述将显示到网页。
style	它用于为组件应用CSS。
rendered	它用于渲染组件。该属性的默认值为`true`。
convertor	它用于注册此组件的转换器实例。
readonly	它表示该组件禁止用户进行更改，通过将`readonly`作为此属性的值传递，可以使组件只读。例如。 `readonly =“readonly”`

JSF <h:inputText>标签

JSF <h:InputText>标签示例

2)创建托管Bean

JSF渲染<h:inputText>标签如下：

4)运行应用程序

JSF <h:inputText> 标签的属性

JSF `<h:InputText>`标签示例

JSF渲染`<h:inputText>`标签如下：

JSF `<h:inputText>` 标签的属性