|
|
|
|
<div class="layui-form">
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-split layui-input-prefix">
|
|
|
|
|
身高
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
|
|
|
|
|
<div class="layui-input-split layui-input-suffix">
|
|
|
|
|
cm
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-split layui-input-prefix">
|
|
|
|
|
手机号
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
|
|
|
|
|
<div class="layui-input-suffix">
|
|
|
|
|
<button class="layui-btn layui-btn-primary">一个按钮</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-split layui-input-prefix">
|
|
|
|
|
用户名
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="带任意前置内容" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<input type="text" placeholder="带任意后置内容" class="layui-input">
|
|
|
|
|
<div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
|
|
|
|
|
<i class="layui-icon layui-icon-search"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-prefix">
|
|
|
|
|
搜索
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
|
|
|
|
|
<div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
|
|
|
|
|
<i class="layui-icon layui-icon-search"></i>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<hr style="margin: 32px 0;">
|
|
|
|
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-prefix">
|
|
|
|
|
身高
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="前置和后置无分割框" class="layui-input">
|
|
|
|
|
<div class="layui-input-suffix">
|
|
|
|
|
cm
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<div class="layui-input-prefix">
|
|
|
|
|
昵称
|
|
|
|
|
</div>
|
|
|
|
|
<input type="text" placeholder="带前置且无分割框" class="layui-input">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-form-item">
|
|
|
|
|
<div class="layui-input-group">
|
|
|
|
|
<input type="text" placeholder="带后置且无分割框" class="layui-input">
|
|
|
|
|
<div class="layui-input-suffix">
|
|
|
|
|
<i class="layui-icon layui-icon-tips"></i> 任意后置内容
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- import layui -->
|
