如何添加基于文本的单位,如浮动到输入元素内部(或外部)的“lbs”?

新手上路,请多包涵

是否可以在输入元素中插入单位?在 <input> 元素内部是首选,但外部是可以接受的。

在此处输入图像描述

原文由 dkoss 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 501
2 个回答

你可以使用这样的东西。

外箱:

 <input></input><span style="margin-left:10px;">lb</span>

内盒:

 <input style="padding-right:20px; text-align:right;" value="50"></input><span style="margin-left:-20px;">lb</span>

小提琴

原文由 pollirrata 发布,翻译遵循 CC BY-SA 4.0 许可协议

您可以使用引导程序输入组组件。

注意:下面的示例使用 bootstrap 4 类

<div class="input-group">
   <input type="number" class="form-control">
   <div class="input-group-append">
       <span class="input-group-text"> m </span>
   </div>
</div>

下面是结果:

在此处输入图像描述

原文由 Mwiza 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题