HTML5-查詢頁面

最新推荐文章于 2023-03-23 22:50:32 发布
最新推荐文章于 2023-03-23 22:50:32 发布
阅读量805 收藏
点赞数
分类专栏： BootStrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yqj234/article/details/52333637
版权

<!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>

    <div class="panel panel-warning">

        <div class="panel-heading " style="background: #d9534f; color: #ffffff">

            <span class="glyphiconglyphicon-th-large" style="margin-right: 10px" />资格查询

        </div>

    </div>

    <form>

    <div class="container">

        <div class="row">

            <div class="col-md-12">

                <div 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>

                </div>

            </div>

        </div>

    </div>

    </form>

    <ul class="nav nav-pills nav-stacked   nav-divider">

        <br>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-user" style="margin-right: 10px">

        </span>账号</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-list-alt" style="margin-right: 10px">

        </span>昵称</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-comment" style="margin-right: 10px">

        </span>微信</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-phone" style="margin-right: 10px">

        </span>手机</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-star" style="margin-right: 10px">

        </span>当前等级</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-tag" style="margin-right: 10px">

        </span>资格</a></li>

        <li class="bg-warning"><a href="#"><spanclass="glyphiconglyphicon-credit-card" style="margin-right: 10px">

        </span>信用度</a></li>

    </ul>

    </div>

    <div class="panel panel-warning">

        <div class="panel-body">

            <div 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="glyphiconglyphicon-home" style="margin-right: 10px" />返回首页</button>

                </a>

            </div>

        </div>

    </div>

</body>

</html>

 

 

yqj234
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html5-3d查询盒子.zip
02-21
在本主题"html5-3d查询盒子.zip"中，我们聚焦于如何使用HTML5和CSS3的3D特性来创建一个具有立体效果的查询盒子，特别是与谷歌搜索相关的应用。这个压缩包文件包含了一个名为"html5-3d-google-search"的示例项目，它...
html查询页面制作,HTML+CSS实现漂亮的查询部件实例
weixin_30682043的博客
06-03 1602
一、参考网址：www.kuhnsjewelers.com二、效果：三、HTML复制代码代码如下:四、CSS复制代码代码如下:#search-box{position: relative;float: left;width: 265px;height: 55px;background: url(Images/search-bg.gif) top right no-repeat;}.searchTe...
html作业天气查询界面（html+css）
weixin_67831708的博客
03-23 3934
目录 一、作业要求 二、题目分析 三、最终演示 四、代码 五、心得 一、作业要求 利用百度主页的天气查询程序实现一个可以实时查询武汉市天气的静态页面 提示：获取天气数据的地址为（http://www.baidu.com/home/other/data/weatherInfo?city=武汉）， （该网站返回一个json对象）界面要求如下图。 二、题目分析 用html和css实现界面布局，通过网站返回的json数据实现要求。天气图标需要用到json返回的数据来调用本地文
html5 综合查询页面,JavaScript 事件查询综合
weixin_30635747的博客
06-04 494
JavaScript 事件查询综合 click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回fa...
媒体查询的使用
li_chun_can的博客
08-19 3230
定义 媒体查询可以让我们根据设备显示器的特性（如视口宽度、屏幕比例、设备方向：横向或纵向）为其设定CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有width 、 height 和 color （等）。使用媒体查询，可以在不改变页面内容的情况下，为特定的一些输出设备定制显示效果。 媒体查询与弹性盒布局的适用情况 媒体查询：当页面的结构发生变化的话最好使用媒体查询。 弹性盒：如果只是宽高的变化，尽量使用弹性盒。 使用方法 <!-- link元
HTML 5之媒体查询
程序员小白的博客
02-07 2268
媒体查询
母亲节祝福页面-HTML
最新发布
05-12
- 表示这是一个HTML5文档。 2. **基本结构**： - `<html>`：文档的根元素。 - `<head>`：包含关于文档的信息，如标题、样式表链接等。 - `<title>`：定义文档的标题，在浏览器标签页显示。 - `<body>`：包含...
html5-手机桌面软件介绍页面-滚动展示页面-源码
12-17
总的来说，这个"html5-手机桌面软件介绍页面-滚动展示页面-源码"是一个实用的学习和实践资源，无论是对于初学者还是有一定经验的开发者，都能从中获取到有价值的知识和灵感，快速搭建出专业且吸引人的网页。...
作品--HTML页面--源文件+素材.zip_web页面素材_网页 html
09-23
【标题】"作品--HTML页面--源文件+素材.zip"是一个包含Web页面源代码和相关素材的压缩包，主要用于Web开发的学习和参考。这个压缩包中的内容可能是一个完整的单页面应用程序（SPA），展示了如何利用HTML、CSS和...
html5手机密码设置页面模板
10-29
综上所述，HTML5手机密码设置页面模板涉及到多个技术层面，包括HTML5的新特性、响应式设计、表单验证、无障碍性、CSS3动画、数据安全以及用户体验优化。这些知识点共同构建了一个功能完备、安全且易用的移动设备密码...
Html,普通页面查询
12-13
详细的页面开发html，发货快i，恐惧，就会更好
11种炫酷的HTML5搜索界面设计
12-13
这是一组炫酷的HTML5搜索界面设计效果。这组搜索界面设计效果共11种不同的特效，分别使用不同CSS3动画来展示搜索界面。
漂亮的html5登录窗口界面网页模板.zip
07-11
一款国外进口漂亮的html5登录窗口界面网页模板，带头像显示的网站用户Login登录表单页面模板下载。 [removed]$(document).ready(function(c) { $('.close').on('click', function(c){ $('.login-form').fadeOut('slow', function(c){   $('.login-form').remove(); }); });   }); [removed]  <!--SIGN UP-->  <h1>klasikal Login Form</h1> <div class="login-form"> <div class="close"> </div> <div class="head-info"> <label class="lbl-1"> </label> <label class="lbl-2"> </label> <label class="lbl-3"> </label> </div>
HTML5-查询页面
yqj234的专栏
08-27 9889
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=
查询 html页面
y4418的博客
08-01 2213
下面我们来看一下用vs做的查询功能 首先看一下html的代码 3.这边我们先做一个layui的一个表格，也就是在页面上显示的图表的表头 4.首先先初始化layui模块 5.Elem就是获取id cols就是开始写表头数据 6.然后渲染数据表，这个做的是表头啊按照代码去写就好，没什么难度 7.然后在绑定图书名称和图书类型的下拉框，获取id然后写一个路径就好了 8.自定义表这个省略这是做修改的。 9.条件查询就是根据id获取val中的内容 10就是重载表格基本就这样了 .
【H5开发】02手把手带你开发H5列表页面 ~ 包含查询、重置、提交功能
Sabrina_cc的博客
08-24 2211
不要害怕孤独，应为这个世界上总有一个人在努力走向你。 上节回顾：从一个简单页面带你体验H5开发https://blog.csdn.net/Sabrina_cc/article/details/119865234 这一节我们来做一个稍微有点难度的页面。首先还是上原型和UI设计 了解主要功能：（1）数据库获取列表数据展示（2）年度、季度、部门、岗位的查询（3）重置（4）点击某一项弹出评分框-获取该条数据打分详情并展示（5）点击保存按钮发送请求、提交数据（6）点击提交按钮按照年份、季度提交...
H5---最简单的页面定位
cold的博客
10-21 426
<p id=“id-0_0_1”>页面会来到这个位置</p> <a href="#id-0_0_1">点击定位</a>
html+CSS 用简单实现一个华丽的搜索界面
Cryu_xuan的博客
07-22 1万+
自己初学，效果如图。搜索框是个动态的： 代码如下： <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title> 搜索框 </title> <link rel="stylesheet...
Html5通过js进行页面内搜索
热门推荐
黑蛋丶的博客
07-07 1万+
近来使用网页页面查找 百度几个，进行测试，有一个不错，使用很方便，整理进行收藏，备用，网址如下： https://www.helloweba.com/view-blog-246.html/*将搜索输入框置顶*/ (function($) { $.fn.fixDiv = function(options) { var defaultVal = {
HTML5 vs Pre-HTML5: A Comprehensive Analysis
"HTML4 and HTML5 Report.pdf 是一份详尽的分析报告，比较了HTML5与HTML4、HTML5与Flex、以及HTML5与Flash之间的差异和适用场景。报告还涵盖了CSS3、HTML5的新特性以及流行的移动和 tablet 框架的信息。" 在深入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值