热门标签
热门文章
- 1vue使用axios解决跨域get和post请求
- 2sqlalchemy 2.0 的 sqlalchemy.orm.mapped_column 方法中 默认值参数： default，server_defaul， default_factory 的区别_sqlalchemy mapped_column
- 3『大模型笔记』Code Example: Function Calling with ChatGPT
- 4一些常用的在jsp中连接数据库的方式_简jsp一般通过什么连接数据库?并简述连接过程
- 5AI图片生成 discord 使用midjourney_discord 引用图片出图
- 6如何在 Ubuntu 12.04 VPS 上使用 MongoDB 创建分片集群
- 7经典论文阅读笔记——VIT、Swin Transformer、MAE、CILP_clip与vit的关系
- 8在 Linux 环境下安装 Kibana_linux安装kibana
- 9m1 MBA配置Homebrew环境+国内源配置_homebrew 国内源
- 10MySQL 5.6 复制介绍
当前位置: article > 正文
bootstrap 搜索框样式 带放大镜_bootstrap放大镜
作者：繁依Fanyi0 | 2024-05-01 19:37:28
赞
踩
bootstrap放大镜
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<input type="text" class="form-control"placeholder="请输入字段名" / >
<span class="input-group-btn">
<button type="submit" class="btn btn-info btn-search glyphicon glyphicon-search" style="margin-top: -1px;"></button>
</span>
</div>
</html>
<html lang="en">
<head>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<!--主要的区域-->
<div class="input-group" style="width:180px;margin-top: 3px;"><input type="text" class="form-control"placeholder="请输入字段名" / >
<span class="input-group-btn">
<button type="submit" class="btn btn-info btn-search glyphicon glyphicon-search" style="margin-top: -1px;"></button>
</span>
</div>
</div>
</html>
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/520439
推荐阅读
相关标签
