首页 Bootstrap5组件手册

可用于标签：
<input type="text"/>     单行文本框
<textarea></textarea>    多行文本框

==================================================
<div class="input-group">
基础类：
.input-group       input组（复杂样式指定父标签）

组合类：
.input-group-sm     小号的
.input-group-lg     大号的

===================================================================
<input type="text" class="form-control" placeholder="邮箱">
基础类：
.form-control              文本框样式
.form-control-plaintext    无边框样式

===================================================================
<span class="input-group-text">@qq.com</span>
基础类：
.input-group-text   文本样式

<input type="text" class="form-control" placeholder="用户名">

<!--前缀-->
<div class="input-group">
  <span class="input-group-text">www.</span>
  <input type="text" class="form-control" placeholder="网址">
</div>

<!--后缀-->
<div class="input-group">
  <input type="text" class="form-control" placeholder="邮箱">
  <span class="input-group-text">@qq.com</span>
</div>

注：
1.<span>可以内嵌其它表单标签，如复选框、单选框、选择框
2.<span>可以用其它组件代替，如按钮、下拉菜单






可以有多个<span>、<input>: