bootstrap label 和 input 一行显示

最新推荐文章于 2024-04-22 10:35:30 发布

.Passion

最新推荐文章于 2024-04-22 10:35:30 发布

阅读量2.7k

点赞数 1

原文链接：https://blog.csdn.net/qq_23350817/article/details/84072868

版权

前端同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

bootstrap

8 篇文章 0 订阅

订阅专栏

label和 input放到一行显示

自己总结的代码片段

<#-- label 和 input一行显示 label默认值和 id 一样-->
<#macro formLineInput id placeHolder=id  label=id type="text">

    <div class="form-group" style="width: 600px">
        <label  class="form-label col-sm-2 custom-control-label control-label" for="${id}">${label}</label>
        <div class="col-sm-10">
            <input  class="form-control" id="${id}" placeholder="${placeHolder}" type="${type}">
        </div>
    </div>

</#macro>

竖直 form


<#macro horizonForm id method action>
    <form class="form-horizontal" role="form" action="${action}" method="${method}" id="${id}">
        <#nested />
    </form>
</#macro>