只讀文本框大小自動增加大小

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）中，這兩個輸入在渲染時都具有相同的大小。