提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

前端 布局 搜索样式 html

搜索HTML前端 布局 样式
2023-09-11 14:22:27 时间

原文：https://blog.csdn.net/linlinxie/article/details/77484214?utm_source=blogkpcl4

 

 

测试1：

 

<div class="panel panel-default">
    <div class="panel-heading">搜索</div>
    <div class="panel-body">
        <form role="form" id="searchForm" class="form-inline">
            <div class="form-group">
                <label for="sname1">用户名</label> <input type="text"
                                                        class="form-control" id="sname1" name="sname1" placeholder="请输入名称">
            </div>
            <div class="form-group">
                <button type="button" id="searchBtn" class="btn btn-default">开始搜索</button>
            </div>
        </form>
    </div>
</div>

 

 

 

 

测试2：

<form role="form" id="searchForm" class="form-inline">
    <div class="form-group">
        <label for="sname1">用户名：</label>
        <input type="text" class="form-control" id="sname1" name="sname1" placeholder="请输入名称">
    </div>
    <div class="form-group">
        <button type="button" id="searchBtn" class="btn btn-default">开始搜索</button>
    </div>
</form>

 

相关文章