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

Question

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

我已将txt框大小设为50.它工作正常。根据逻辑，我将其中一个文本设置为readonly 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>。

中

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

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