代码之家  ›  专栏  ›  技术社区  ›  Devmix

如何将标签移到输入字段的左侧?

  •  2
  • Devmix  · 技术社区  · 7 年前

    我正在处理中的输入字段 涂底漆 而且不知道如何将标签移到字段的左侧。下面是我正在尝试的图像:

    enter image description here

    这是我的工作代码:

    PLUNKER

            <div class="ui-g-12 ui-md-6 ui-lg-4">
                <label>Set Date</label>
                <input id="input" type="text" size="30" pInputText [(ngModel)]="text"> 
            </div>
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   Antikhippe    7 年前

    可以使用小列 ui-grid-col4 用于标签和更大的标签 ui-grid-col8 对于输入:

         <div class="ui-g ui-fluid">
    
            <div class="ui-grid-col-4">
              <span>Phone Ext</span>
            </div>
            <div class="ui-grid-col-8">
              <p-inputMask mask="(999) 999-9999? x99999" [(ngModel)]="val5" placeholder="(999) 999-9999? x99999"></p-inputMask>
            </div>
    
            <br/><br/><br/>
    
            <div class="ui-grid-col-4">
              <span>Serial Number</span>
            </div>
            <div class="ui-grid-col-8">
              <p-inputMask mask="a*-999-a999" [(ngModel)]="val6" placeholder="a*-999-a999"></p-inputMask>
            </div>
    
        </div>
    

    请参见工作 Plunker

    如果需要有关网格的更多详细信息,请参阅 doc