当前位置: 首页 > 工具软件 > InputLabel > 使用案例 >

bootstrap label 和 input 一行显示

萧嘉禧
2023-12-01

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>
 类似资料: