bootstrap 搜索框样式 带放大镜
来源:互联网 发布:mysql排序规则 编辑:程序博客网 时间:2024/06/07 04:52
<!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>
阅读全文
0 0
- bootstrap 搜索框样式 带放大镜
- bootstrap搜索框button的样式问题
- bootstrap下拉分页样式 带跳转页码
- jQuery带tab切换搜索框样式代码
- tp自带分页类样式转Bootstrap分页样式
- tp自带分页类样式转Bootstrap分页样式
- 搜索框样式
- Bootstrap样式
- bootstrap样式
- 使用bootstrap制作搜索框
- Bootstrap-select搜索下拉框
- [百度搜索框Bootstrap模仿]
- jquery 放大镜效果[带演示](
- 下拉框带搜索
- 【代码笔记】iOS-点击搜索按钮,或放大镜后都会弹出搜索框
- bootstrap中select下拉框样式调整
- bootStrap输入框鼠标指针样式设定
- bootstrap弹出登录框【带合法性检查】
- Oracle数据库归档的打开和关闭
- 添加动态链接库及静态链接库的方法总结(C++)
- 解决tomcat无法启动的一次bug
- Python_10
- 获取字符串的一部分
- bootstrap 搜索框样式 带放大镜
- 软件架构设计-五视图方法论
- css3
- 小Q聊天机器人
- 2015多校第8场 HDU 5389 Zero Escape DP,递推
- 搜索引擎之正排索引
- 自定义控件(3)HtmlTextWriter
- 农产品追溯管理软件开发
- opengl中的矩阵变换