[moka同学笔记]yii2  activeForm 表单样式的修改

源码:

        <?= $form->field($modelUser,'name') ?>
        <div class="form-group field-community-mobile required">
            <label for="mobile">手机</label>
            <div class="input-group">
                    <span class="input-group-addon" style="padding: 0px;">
                    <?=$form->field($modelContact, 'area_code')
                        ->dropDownList($telCode,['prompt' => '86','style'=>'width:63px;padding:0px;text-align:center;'])
                        ->label(false); ?>
                    </span>
                <?= $form->field($modelContact,'mobile')->textInput(['style'=>'width:100%;'])->label(false) ?>
            </div>
        </div>
        <div class="form-group field-community-mobile required">
            <label for="mobile">手机</label>
            <div class="input-group">
                <span class="input-group-addon" style="padding: 0px;border:none;background-color: #fff;">
                <?=$form->field($modelContact, 'area_code')
                    ->dropDownList($telCode,['prompt' => '86','style'=>'width:63px;padding:0px;text-align:center;'])
                    ->label(false); ?>
                </span>
                <?= $form->field($modelContact,'mobile')->textInput(['style'=>'width:100%;'])->label(false) ?>
            </div>
        </div>
        <div class="form-group">
            <label>手机</label>
            <div class="input-group">
                <span class="input-group-addon" style="padding:0px;">
                    <select style="padding:7px 0">
                        <option>32</option>
                        <option>465</option>
                        <option>86</option>
                    </select>
                </span>
                <input name ="name" type="text" class="form-control" />
            </div>
        </div>

 

相关文章:

  • 2021-12-20
  • 2021-10-15
  • 2022-12-23
  • 2021-11-13
  • 2022-12-23
  • 2021-10-20
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案