如果您先学习基本的 HTML,会更容易理解。 JSF 在这个问题的上下文中,即仅仅是一个 HTML 代码生成器。 htmldog.com 有一个出色的 HTML 教程。由<h:outputLabel> 生成的<label> 解释为here。
HTML 标签:标签
表单元素的标签(input、textarea 或 select)。
可选属性
当for 的值与元素的id 属性的值匹配时,for 可用于将标签与表单元素相关联。
示例
<label for="email">Email address</label>
<input type="text" name="email" id="email" />
所以for 属性必须指向输入组件的id,标签打算label。该标签具有以下 SEO 和可用性优势:
- 它以文本形式说明相关的输入元素。
- 当被聚焦/单击时,它会聚焦并激活关联的输入元素。
由于 JSF 在这个问题的上下文中只是一个 HTML 代码生成器,因此同样适用于生成该 HTML 的 JSF 组件。
<h:outputLabel for="email">Email address</h:outputLabel>
<h:inputText id="email" />
搜索机器人会找到标签并索引相关的输入元素。视障人士使用的屏幕阅读器会找到标签并通过声音告诉其内容。最终用户可以单击标签以查看相关输入得到关注。单击标签时将选中复选框/单选按钮。单击标签时,文件输入将打开浏览对话框。等等。
应该注意的是,相对很多低质量的 JSF 教程滥用<h:outputLabel>,其唯一目的是打印出一些 Hello World 文本,如下所示:
<h:outputLabel value="#{bean.message}" />
因此,这个特定的用例是错误的。相反,应该使用<h:outputText>:
<h:outputText value="#{bean.message}" />
甚至只是EL in template text:
#{bean.message}
如果你遇到这样一个滥用<h:outputLabel> 的教程,强烈建议停止阅读它并转向更自尊的资源。这有力地表明本教程的作者对基本 HTML 一无所知,而这反过来又是学习 JSF 之前非常重要的先决条件。一个对基本 HTML 几乎一无所知的人肯定不是一名优秀的 JSF 老师。您永远不知道这种低质量的学习资源是否会继续陷入教学不良做法的螺旋式下降,因此最好转向不同的学习资源。您可以在our JSF wiki page 和jsf.zeef.com 底部找到链接的合理资源。