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

Question

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

我已将 txt 框大小设为 50。它工作正常。根据逻辑，我将其中一个文本设置为只读 disabled = true 或 disable = disabled。只读文本宽度正在增加其大小。

当我通过 f12 检查时，大小仅显示 50，在检查模式下，当我删除 disable = disabled,它正在缩小到实际大小

我检查了样品。

<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) 中，这两个输入在渲染时具有相同的大小。