如何显示自定义数字字段

时间:2016-12-17 03:42:55

标签: css angularjs

我想创建一个自定义数字按钮,其功能与普通数字字段相同。

但需要创建一个数字字段,如下图所示。

Number field

<div class="row">
        <div class="col-sm-4"> 
            <div class="form-group1 col-sm-4">

            <label class="control-label l_font" for="height">HEIGHT*</label>
                <br>
        <input class="form-control1 wid" type="number" name="feet" autocomplete="off" ng-required="true" ng-model="model.height" min="1" max="12"/>        
        <input class="form-control1 wid" type="number" name="inches" autocomplete="off" ng-required="true" ng-model="model.heightinches" min="0" max="10"/>
                <br>
        <p class="hintleft" readOnly>feet</p>
    <p class="hintright" readOnly>inches</p>

</div>
            </div>

        <div class="col-sm-4"> 

            <div class="form-group2 col-sm-2">

            <label for="weight"  class="control-label l_font">WEIGHT*</label><br> 
    <input type="number" name="kilo" class="form-control1 wid1" autocomplete="off" ng-required="true" ng-model="model.weight" min="1"/>
    <p class="hintleft" readOnly>kg</p>

            </div>
          <div class="form-group2 col-sm-2">      
        <label for="chest"  class="control-label l_font">CHEST*</label> <br>
    <input type="number" name="chest" class="form-control1 wid1" autocomplete="off" ng-required="true" ng-model="model.chest" min="0" max="100"/>
    <p class="hintleft" readOnly>inches</p>
            </div>
        </div>

0 个答案:

没有答案