美文网首页
Bootstrap 创建表单

Bootstrap 创建表单

作者: coooCode | 来源:发表于2019-02-15 11:03 被阅读0次
    <!--class="page-container" Must Have-->
    <div class="page-container"> 
    <!--class="form form-horizontal"  Must Have-->
        <form id="form-ume-add" th:object="${umeobj}" class="form form-horizontal"> 
            <!--class="row cl" Must Have-->
            <div class="row cl">
                <!--class="form-label col-sm-1 control-label" Must Have-->
                <label class="form-label col-sm-1 control-label">名称:</label>
                <div class="formControls col-sm-2">
                    <input type="text" id = "username" name = "username" class="input-text" value="" />
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-sm-1 control-label"><span class="c-red">*</span>地址:</label>
                <div class="formControls col-sm-2">
                    <input type="password" id = "pwd" name = "pwd" class="input-text" value="" />
                </div>
            </div>
            <div class="row cl">
                <div class="col-sm-offset-1 col-sm-10">
                    <input type="checkbox" id="checkbox" checked="true" onclick="check()"> 已阅读
                    <a href="#" onclick="showAggrement()" id = "agg">点击查看完整协议</a>
                </div>
            </div>
    
            <div class="row cl">
                <div class="col-sm-offset-1 col-sm-10">
                    <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;"/>
                </div>
            </div>
        </form>
        </div>
    

    相关文章

      网友评论

          本文标题:Bootstrap 创建表单

          本文链接:https://www.haomeiwen.com/subject/uzlpeqtx.html