Question

你好，我有一个简短的问题，为什么这不起作用。我想要在第一个例子中看到你所看到的但是使用Primefaces。当我这样做时，它在造型方面都很好用，但是对于使用我想和Primefaces一起使用。但是当我用p：inputText做同样的事情而不仅仅输入它时它就不会工作了。

＆＃13;

.labels {
    float:left;
    line-height:1.7em;
    padding-right:2em;
}
.inputs {
    line-height:1.7em
}

＆＃13;

<fieldset>
  <div class="labels">
    <label>Label1</label><br/>
    <label>Label2</label><br/>
    <label>Label3</label><br/>
  </div>
  <div class="inputs">
    <input type="text" id="inpput1" value=""/><br/>
    <input type="text" id="inpput2" value=""/><br/>
    <input type="text" id="inpput3" value=""/><br/>
  </div>
</fieldset>

＆＃13;

以下是Prime Faces的外观。

＆＃13;

.labels {
    float:left;
    line-height:1.7em;
    padding-right:2em;
}
.inputs {
    line-height:1.7em
}

＆＃13;

<fieldset>
  <div class="labels">
    <label>label1</label><br/>
    <label>label2</label><br/>
    <label>label3</label><br/>
  </div>
  <div class="inputs">
    <p:inputText id="test1" value=""/><br/>
    <p:inputText id="test2" value=""/><br/>
    <p:inputText id="test3" value=""/><br/>
  </div>
</fieldset>

＆＃13;

Answer 1

你是否包含了这些库？你的代码似乎是正确的。

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

<fieldset>
  <div class="labels">
    <label>label1</label><br/>
    <label>label2</label><br/>
    <label>label3</label><br/>
  </div>
  <div class="inputs">
    <p:inputText id="test1" value=""/><br/>
    <p:inputText id="test2" value=""/><br/>
    <p:inputText id="test3" value=""/><br/>
  </div>
</fieldset>

Answer 2

好的，我自己弄清楚了。

我用h：PanelGrid来对齐所有标签和Textfields。

这是一个简短的例子。

＆＃13;

<h:panelGrid column="2">
  <label>label1</label>
  <p:inputText/>
  <label>label2</label>
  <p:inputText/>
  <label>label3</label>
  <p:inputText/>
</h:panelGrid>

＆＃13;

这在这里不是特别的，但它适用于Netbeans。

将p：inputText与标签

2 个答案: