只读文本框大小自动增加大小

Question

我有两个文本框（使用JSJ）。

我给出了txt框大小为50.它工作正常。基于逻辑，我将其中的一个文本设置为readonly disabled = true或disable = disabled。只读文本宽度正在增加其大小。

当我到F12检查，尺寸被示出仅50，在检查模式时，我除去 禁用=禁用，则减少到实际尺寸

我检查由样品。

<h:inputText value="test" type="text" size="50"> 
</h:inputText> 
<br/><br/> 
<h:inputText value="tes1t" type="text" size="50" disabled="true"> 
</h:inputText> 

我传递参数去如下构成：

帕拉姆

<ui:param name="validationMessageOnTheSameLine" value="true" /> 
<ui:param name="rowWidth" value="650px" /> 
<ui:param name="helpTextPaddingLeft" value="130px" /> 
<ui:param name="showAsterik" value="false" /> 
<ui:param name="showAsterikForUsername" value="false" /> 
<ui:param name="inputTextSize" value="50" /> 

<h:panelGrid columns="2" style="width: #{rowWidth}" id="emailValidated" 
    columnClasses="#{columnClass1}, #{columnClass2}"> 
    <h:outputLabel value="#{uit.emailAddress}:" for="email"> 
     <h:outputLabel styleClass="asterik" value="*" 
      rendered="#{showAsterik}" /> 
    </h:outputLabel> 
    <h:panelGrid columns="2" styleClass="tableNoPadding"> 
     <h:inputText value="#{userBean.emailAddress}" id="email" 
      styleClass="ux-margin-right-1t" size="#{inputTextSize}" 
      required="true" disabled="#{disableEmailInput}" 
      requiredMessage="#{uitkem.valueRequired}" 
      validatorMessage="#{uitkem.emailValidator}"> 
      <f:validator validatorId="emailValidator" /> 
     </h:inputText> 
     <rich:message for="email" /> 
    </h:panelGrid> 
</h:panelGrid> 

Answer 1

检查这些<h:inputText>被封闭在<h:form>。

此外，您不需要在<h:inputText>中添加type="text"。

从我的测试环境（JSF 2.2）中，这两个输入在渲染时都具有相同的大小。