jsf - 如何向 JSF 输入组件添加占位符属性？

Question

使用 html5 时，这行代码不应该渲染一个带有占位符文本“fill me”的输入文本字段吗？

<h:inputText placeholder="fill me" />

我没有看到任何占位符文本。我以为所有不是 JSF 的东西都会传递给浏览器进行渲染？

Answer 1

I thought everything that was not JSF was passed to the browswer for rendering?

因此，这个假设是错误的。 Unspecified JSF 渲染器会忽略组件属性。

您基本上可以通过以下选项来使其正常工作:

1. 如果您已经使用 JSF 2.2 或更高版本，请将其设置为 passthrough attribute .

    <... xmlns:a="http://xmlns.jcp.org/jsf/passthrough">
   
    <h:inputText a:placeholder="fill me" />
   

   请注意，我使用 XML 命名空间前缀 a (“属性”)而不是 p如教程中所示，否则它会与默认 XML 命名空间前缀 p 发生冲突。 PrimeFaces 的数量。

2. 为 <h:inputText> 实现自定义渲染器其中您显式检查并写入属性。

3. 实现使用上述自定义渲染器的自定义组件。

4. 实现基于 JS 的解决方案，其中从 DOM 中获取元素并显式设置属性。

5. 寻找一个支持此功能的组件库。 PrimeFaces例如有一个 <p:watermark> 为此，对于不支持 placeholder 的浏览器，可以使用基于 JS 的优雅降级。输入属性。

另请参阅:

• Custom HTML tag attributes are not rendered by JSF