第二百一十六节 JSF教程 - JSF基本标签、JSF表单文本框示例

最新推荐文章于 2024-10-06 20:16:20 发布
最新推荐文章于 2024-10-06 20:16:20 发布
阅读量584 收藏 7
点赞数 4
分类专栏： Java学习教程（从入门到精通） 文章标签： 开发语言 java 反射 jvm jdk JSF
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_78772942/article/details/141927183
版权

JSF教程 - JSF基本标签

JSF提供了一个标准的HTML标签库，它们被渲染成相应的html输出。

为了使用这些标签，我们需要在html节点中使用以下URI的命名空间。

<html 
   xmlns="http://www.w3.org/1999/xhtml" 
   xmlns:h="http://java.sun.com/jsf/html" 
>

JSF基本标签

以下是JSF 2.0中的重要基本标签。

标签描述
h:inputTexttype =“text"的HTML输入，文本框。
h:inputSecrettype =“password"的HTML输入，文本框。
h:inputTextareaHTML textarea字段。
h:inputHiddentype =“hidden”的HTML输入。
h:selectBooleanCheckbox单个HTML复选框
h:selectManyCheckbox一组HTML复选框
h:selectOneRadio单个HTML单选按钮。
h:selectOneListbox单个HTML列表框。
h:selectManyListbox多个HTML列表框。
h:selectOneMenuHTML组合框。
h:outputTextHTML文本。
h:outputFormatHTML文本。
h:graphicImageHTML图像。
h:outputStylesheetHTML CSS样式表。
h:outputScriptHTML脚本输出。
h:commandButtontype =“submit"按钮的HTML输入。
h:LinkHTML锚点。
h:commandLinkHTML锚点。
h:outputLinkHTML锚点。
h:panelGridHTML表格形式的网格。
h:messageJSF消息
h:messages许多JSF消息。
f:paramJSF UI组件的参数。
f:attributeJSF UI组件的属性。
f:setPropertyActionListener设置受管Bean的属性的值。


 

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

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

以下JSF标记

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

将被渲染到以下HTML标记

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

j_idt6:j_idt8由JSF生成。

h:inputText标签属性

下表列出了h:inputText标记的属性。

属性描述
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在生命周期的早期进行过程验证

例子

下面的代码来自UserBean.java。

package cn.w3cschool.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 userName;

  public String getUserName() {
    return userName;
  }

  public void setUserName(String userName) {
    this.userName = userName;
  }


}

以下代码来自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>
        <h:inputText value="#{userBean.userName}" />
        <h:commandButton value="Submit" action="welcome" />
      </h:form>
 
    </h:body>
</html>

以下代码来自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>
      <h1>JSF 2 textbox example</h1>
 
    Submitted value : <h:outputText value="#{userBean.userName}" />
      
    </h:body>
</html>

下载 Form_TextField.zip

运行

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

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

http://localhost:8080/simple-webapp/hello.xhtml

程序猿小D
关注
专栏目录
jsf动态创建表单控件实例.
06-07
在JSF中，动态创建表单控件是一项强大的功能，它允许开发者在运行时根据需求生成不同的用户输入元素，提高了代码的灵活性和可扩展性。下面我们将详细探讨JSF动态创建表单控件的概念、实现方法以及相关的实例。 1. *...
JSF框架入门基础知识
05-09
### JSF框架入门基础知识 ...1. **`login.xhtml`**：定义了一个表单、一个文本框、一个提交按钮以及一个消息标签。 2. **`main.xhtml`**：包含用于显示欢迎信息的标签。 下面是 `login.xhtml` 的代码示例： ```xml ...
JSF 2.0教程
WS3220243774的博客
08-26 666
JSF 2.0教程 JavaServer Faces（JSF）2.0是一个MVC Web框架，其重点是简化Java Web应用程序的构建用户界面（带有100多个现成的UI标签），并使可重用的UI组件易于实现。 与JSF 1.x不同，在JSF 2.0中，几乎所有内容都在faces-config.xml声明，允许您使用批注来声明导航，托管Bean或CDI Bean，这使您的开发更加轻松和快捷。 在本教程中，它提供了有关使用JavaServer Faces（JSF）2.0框架的许多分步示例和说明。 快乐学习JSF
jsf用于页面判断的标签_JSF –在JSF视图页面中添加标签，图像，按钮和文本字段
从零开始的教程世界
07-07 492
jsf用于页面判断的标签There are various UI components that JSF framework includes by default. Let us see some of the most useful ones to render a view. These are different from the traditional HTML tags. 默认情况下，...
1.5 Hello, world! 解剖 -JSF实战 -hxzon -jsf学习笔记
hxzon的专栏
03-05 700
 1.5 Hello, world! 解剖 -JSF实战 -hxzon -jsf学习笔记既然已经对JSF能够解决什么问题有了初步理解，我们来开始开发一个简单的应用。本节假定你已熟悉Java Web应用和JSP（关于这些技术的信息，参考1.2节）。下面来解剖一个简单的基于HTML的Web应用，该应用有两个页面：hello.jsp 和 goodbye.jsp。hello.jsp页面做以下工
借助 Ajax 自动保存 JSF 表单，第 1 部分: 利用 XMLHttpRequest 提交 JSF 表单
hanxinis的专栏
08-10 1454
Andrei Cioroianu, 高级 Java 开发人员和顾问, Devsphere Andrei Cioroianu 是 Devsphere 公司的一名高级 Java 开发人员和顾问，该公司专门提供定制 Java EE 开发服务以及 Ajax/JSF 顾问服务。您可以通过 www.devsphere.com 的联系表单与 Andrei 联系。 简介： 在这个包含两部分的系列文章中
JSF 2.0 + Ajax Hello World示例
一名可爱的技术搬运工
05-23 170
在JSF 2.0中，对Ajax进行编码就像对普通的HTML标签进行编码一样，这非常容易。 在本教程中，您将重组最后一个JSF 2.0 hello world示例 ，以便在单击按钮时将发出Ajax请求，而不是提交整个表单。 1. JSF 2.0页面 具有Ajax支持的JSF 2.0 xhtml页面。 helloAjax.xhtml <?xml version="1.0" en...
jsf面试题_JSF面试问答
从零开始的教程世界
07-12 503
jsf面试题I have written a lot on JSF framework recently, so it’s high time I write one on JSF interview questions and answers. Below is my collection of JSF interview questions with answers. So just go t...
利用 XMLHttpRequest 提交 JSF 表单
xu的blog
09-12 2176
导读： 　　级别： 中级 　　Andrei Cioroianu, 高级 Java 开发人员和顾问, Devsphere 　　2007 年 8 月 22 日 　　在这个包含两部分的系列文章中，作家兼 Java ?开发人员 Andrei Cioroianu 将教您如何使用 Ajax（Asynchronous JavaScript + XML）技术和 JSF（JavaServer Faces）技
jsf hello world---转
sunrisezhou的博客
03-19 80
收藏自: http://animalfishyu.iteye.com/blog/501070 首先不说多余的话，直接先上helloworld入门示例，这样最直接的初体验一下JSF 1.可以去JSF官网下载相应的JSF文件，或者使用MyEclipse6.5导入JSF支持，因为在MyEclipse6.5下建立web工程，所建的web工程下Java EE 5 Libraries下包含了jsf-i...
借助 Ajax 自动保存 JSF 表单之一
yingfang05
09-13 139
在客户端获取表单数据 本节将给出一个 JSF 表单，其数据通过 JavaScript 和 DOM 在 Web 浏览器中获得。 您可以在自已的 Web 表单应用程序中重用这里介绍的 JavaScript 代码。本节还将解释如何正确地编码表单数据以将它提交给服务器。 构建 JSF 表单 让我们先来看一个典型的 JSF 例子。SupportForm.jsp 这个页面包括一些基本 HTM...
JSF.rar_JSF
09-23
压缩包内的"www.pudn.com.txt"可能是有关JSF的文档链接或教程介绍，而"JSF"文件可能是一个示例项目，包含了JSF的应用实例，可能包括源代码、配置文件和运行结果。通过研究这些示例，开发者可以更深入地理解JSF的工作...
JSF.rar_JSF_hsf_eaxample
09-22
"JSF的例子"这个文件名暗示了这是一个实践性的教程，可能包含了从创建基本页面到处理用户事件的完整流程。 **JSF的关键组件：** 1. **UI组件**：JSF提供了大量的预定义UI组件，如按钮、表单、文本框等，开发者可以...
mastering jsf
11-16
《Mastering JavaServer Faces 2.2》不仅是一本技术指南，也是一本实践手册，它不仅详细介绍了JSF的基础知识和核心概念，而且还提供了大量的示例代码和最佳实践建议。通过阅读本书，读者将能够全面掌握JSF的各个方面...
网站建设中常见的网站后台开发语言有哪几种，各自优缺点都是什么？
2301_80154636的博客
09-24 2280
总的来说，每种语言都有其特定的优势和局限，选择哪种语言取决于项目需求、团队技能和预期的维护成本等多种因素。理解这些语言的核心特性和适用场景可以帮助开发者做出更明智的选择，从而有效提升项目的成功率和开发效率。这些语言各有其独特的优缺点，适用于不同的开发场景和需求。市场上常见的网站后台开发语言有。
C++学习笔记----8、掌握类与对象（四）---- 不同类型的数据成员（1）
weixin_71738303的博客
10-05 901
c++对于数据成员给了你许多选项。除了在类中声明简单的数据成员，可以生成静态数据成员供所有类的对象共享，const成员，引用成员，reference-to-const成员，等等。本节我们解释一下这些不同类型的数据成员的细节。
JDK1.0主要特性
最新发布
FoolRabbit的专栏
10-06 333
JDK1.0主要特性。
JavaScript ArrayBuffer的读写与类型转换
白瑕 的博客
10-01 506
所有视图的基本单位是ArrayBuffer, ArrayBuffer中只存储二进制格式的数据.ArrayBuffer不可直接读写, 必须通过视图(比如DataView)暴露的API.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值