举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > form表单文本域 JSF 表单文本域示例

form表单文本域 JSF 表单文本域示例

2023-03-11 05:18 Java教程

form表单文本域 JSF 表单文本域示例

form表单文本域

表单文本域是 HTML 表单中的一种元素,它可以让用户在表单中输入文本。它可以用来收集用户的姓名、地址、邮箱地址、密码等信息。

<input type="text" name="name">

上面这段代码是一个表单文本域的例子,type 属性被设置为 text,name 属性被设置为 name。当用户在文本域中输入内容时,name 属性将会作为标识,以便后端代码能够识别出这些内容。

表单文本域也可以使用 size 和 maxlength 属性来控制文本框的大小和最大字数。size 属性可以控制文本框的宽度,maxlength 属性可以限制用户能够输入的字数。

<input type="text" name="name" size="30" maxlength="50">

此外,表单文本域还可以使用 readonly 和 disabled 属性来控制用户是否能够修改内容。readonly 属性会使文本框不能修改,但是可以选中内容;disabled 属性会使文本框不能修改也不能选中内容。

<input type="text" name="name" readonly>  <input type="text" name="name" disabled>

JSF 表单文本域示例

JSF教程 - JSF表单文本域示例


h:inputText标签渲染类型为“text"的HTML输入元素。

下面的JSF代码

<h:inputTextarea row="10" col="10" value="Hello World!" readonly="true"/>

被渲染到

<textarea name="j_idt6:j_idt8" readonly="readonly">
   Hello World! </textarea>

j_idt6:j_idt8 由JSF生成。

h:inputTextarea标记属性

属性描述
id标签的标识
binding引用在backing bean中使用的组件
rendered布尔值; false将抑制渲染
styleClass级联样式表(CSS)类名称
value值绑定
valueChangeListener响应值更改的方法绑定
converter转换器类名
validator附加到组件的验证器的类名
required布尔值; 如果为true,则根据需要标记标签
accesskey给予一个元素的焦点
accept表单的内容类型的逗号分隔列表
accept-charset表单的字符编码的逗号或空格分隔列表。
alt非文字元素(例如图片)的替代文字
border元素的边框宽度的像素值
charset链接资源的字符编码
coords形状为矩形,圆形或多边形的元素的坐标
dir文本的方向。 有效值为 ltr (从左到右)和 rtl (从右到左)。
disabled输入元素或按钮的禁用状态
hreflang使用 href 属性指定的资源的基本语言;
lang元素的属性和文本的基本语言
maxlength文本字段的最大字符数
readonly输入字段的只读状态
style内联样式信息
tabindex指定制表符索引的数值
target打开文档的框架的名称
title用于辅助功能的标题。 浏览器通常为标题的值创建工具提示
type链接类型; 例如样式表
width元素的宽度
onblur失去焦点的事件处理程序
onchange值更改的事件处理程序
onclick鼠标按钮的事件处理程序点击该元素
ondblclick双击鼠标按钮的事件处理程序
onfocus元素接收焦点的事件处理程序
onkeydown按键的事件处理程序
onkeypress键按下并释放的事件处理程序
onkeyupKey的事件处理程序发布
onmousedown鼠标按钮的事件处理程序
onmousemove鼠标移动的事件处理程序
onmouseout鼠标左的事件处理程序
onmouseover鼠标移动到的事件处理程序
onmouseup释放鼠标按钮的事件处理程序
onreset表单重置的事件处理程序
onselect选择文本的事件处理程序
immediate在生命周期的早期进行过程验证

例子

以下代码来自welcome.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!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://java.sun.com/jsf/html">
 
    <h:body>
 
    Address : <h:outputText value="#{userBean.address}" />
      
    </h:body>
</html>

下面的代码来自UserBean.java。

package cn..common;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

import java.io.Serializable;

@ManagedBean
@SessionScoped
public class UserBean implements Serializable {

  private static final long serialVersionUID = 1L;

  private String address;

  public String getAddress() {
    return address;
  }

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

}

以下代码来自hello.xhtml。

<?xml version="1.0" encoding="UTF-8"?>
<!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://java.sun.com/jsf/html">
 
    <h:body>
      <h1>JSF 2 textbox example</h1>
 
    <h:form>
      <table>
        <tr>
          <td valign="top">Address :</td>
          <td><h:inputTextarea value="#{userBean.address}" cols="30" rows="10" /></td>
        </tr> 
        </table>
        <h:commandButton value="Submit" action="welcome" />
      </h:form>
    </h:body>
</html>
下载 Form_TextArea.zip

运行

将生成的WAR文件从目标文件夹复制到Tomcat部署文件夹,并运行Tomcat-Install-folder/bin/startup.bat。

Tomcat完成启动后,在浏览器地址栏中键入以下URL。

http://localhost:8080/simple-webapp/demo.xhtml
阅读全文
以上是编程学为你收集整理的form表单文本域 JSF 表单文本域示例全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部