将美元前缀添加到引导程序输入框 [英] Adding dollar prefix to bootstrap input box
问题描述
是否有任何引导方式/样式将不可编辑的前缀添加到输入框中?比如美元符号.前缀必须包含在输入框中.
目前我正在做这样的事情,但输入框之外的标志.
<input type="text" class="form-control input-lg" readonly=""><span class="input-group-btn">$</span>
Bootstrap 版本 4 和 5
此功能在版本 3 和 4 之间发生了显着变化.类 input-group-addon
已被删除,以支持在 input-group-text
中使用 input-group-text
code>input-group-prepend 或 input-group-append
.
添加文本
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/><div class="input-group"><div class="input-group-prepend"><span class="input-group-text">$</span>
<input type="text" class="form-control" placeholder="0.00"/>
附加文本
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"/><div class="input-group"><input type="text" class="form-control" placeholder="email"/><div class="input-group-append"><span class="input-group-text">@gmail.com</span>