HTML5制作查询页面的方法

这篇文章主要介绍HTML5制作查询页面的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

十多年的昌宁网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。全网营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整昌宁建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“昌宁网站设计”,“昌宁网站推广”以来，每个客户项目都认真落实执行。

代码如下：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>资格查询</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css">
    <script type="text/javascript" src="bootstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
</head>
<body>
    <p class="panel panel-warning">
        <p class="panel-heading " style="background: #d9534f; color: #ffffff">
            <span class="glyphicon glyphicon-th-large" style="margin-right: 10px" />资格查询
        </p>
    </p>
    <form>
    <p class="container">
        <p class="row">
            <p class="col-md-12">
                <p class="input-group  ">
                    <!--<span class="input-group-addon">账 号</span>-->
                    <input type="text" name="txtUserId" class="form-control" maxlength="20" placeholder="输入帐号" />
                    <span class="input-group-addon"><span class="glyphicon glyphicon-search" style="margin-right: 10px"/>
                    <a href="query.html?action=query">查询数据</a></span>
                </p>
            </p>
        </p>
    </p>
    </form>
    <ul class="nav nav-pills nav-stacked   nav-pider">
        <br>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-user" style="margin-right: 10px">
        </span>账号</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-list-alt" style="margin-right: 10px">
        </span>昵称</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-comment" style="margin-right: 10px">
        </span>微信</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-phone" style="margin-right: 10px">
        </span>手机</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-star" style="margin-right: 10px">
        </span>当前等級</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-tag" style="margin-right: 10px">
        </span>资格</a></li>
        <li class="bg-warning"><a href="#"><span class="glyphicon glyphicon-credit-card" style="margin-right: 10px">
        </span>信用度</a></li>
    </ul>
    </p>
    <p class="panel panel-warning">
        <p class="panel-body">
            <p class="text-center" style="background: #FFF; margin-top: 10px">
                <a href="index.php">
                    <button type="button" class="btn btn-success" style="width: 80%">
                        <span class="glyphicon glyphicon-home" style="margin-right: 10px" />返回首頁</button>
                </a>
            </p>
        </p>
    </p>
</body>
</html>

以上是HTML5制作查询页面的方法的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

当前名称：HTML5制作查询页面的方法
网站网址：https://www.cdcxhl.com/article22/jcgjjc.html

成都网站建设公司_创新互联，为您提供定制开发、网站设计公司、建站公司、营销型网站建设、云服务器、外贸网站建设

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容