4

我正在使用角度材料设计。这是我在 HTML 中输入浮动标签的代码。

<h5>LOGIN</h5>
<md-input-container class="md-block">
    <label>Mobile Number</label>

    <input readonly required="" name="mobileNumber" ng-model="mobile" minlength="10" maxlength="10" ng-pattern="/^[0-9]{10}$/">


    <div ng-messages="projectForm.mobileNumber.$error" role="alert">
      <div ng-message-exp="['required', 'minlength', 'maxlength', 'pattern']">
            Please enter 10 digit mobile number.
      </div>
    </div>
    <md-button ui-sref="ConfirmAccount" class="md-primary" >Change Number?</md-button>

</md-input-container>

在此处输入图像描述

我要换号码?显示在输入文本的右端,即 55555555。

谁可以帮我这个事?

4

2 回答 2

-1
<input readonly required="" name="mobileNumber" ng-model="mobile" minlength="10" maxlength="10" ng-pattern="/^[0-9]{10}$/">
<md-button ui-sref="ConfirmAccount" class="md-primary" >Change Number?</md-button>

由于 div 是块元素,我相信更改编号?即将推出新产品线。现在,我们将它移到了 div 上方。所以,应该没问题。

于 2016-03-01T18:07:54.650 回答
-3

尝试style="text-align:right"

例子

<input ng-model="vm.invline.price" type="text" readonly style="text-align:right">

实物图: 在此处输入图像描述

于 2016-10-06T00:01:41.170 回答