Question

我只想在输入旁边添加一些文字。

我正在使用代码点火器，这是我的视图代码。

<div class="form-group" >
                    <label for="repbbpin" class="col-sm-2 text-left">Tinggi Badan :</label>
                    <div class="col-sm-5 text-left">
                        <span ><input type="text" class="form-control" onchange="update_data()" name="tinggi_badan"  value="<?=@$registration->tinggi_badan?>" > cm</span>
                    </div>
                </div>

最高代码结果＆＃34; cm＆＃34;在输入文本下面。

如果只使用额外的内联代码将会很好。

我想要的结果就像这样| ---输入文字--- | cm

Answer 1

尝试将input-addon与input-group

一起使用

<div class="form-group">
  <label for="repbbpin" class="col-sm-2 text-left">Tinggi Badan :</label>
  <div class="col-sm-5 text-left">
    <div class="input-group">
    <input type="text" class="form-control" onchange="update_data()" name="tinggi_badan" placeHolder="input text" ><span class="input-group-addon"> cm</span>
    </div>
  </div>
</div>

DEMO：https://jsfiddle.net/michaelyuen/crvzn2Lq/

在输入文本表单旁边添加标签

1 个答案: