bootStrap 搜索框

2、

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!--声明文档兼容模式，表示使用IE浏览器的最新模式--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--Responsive layout：响应式布局--><meta name="viewport" content="width=device-width, initial-scale=1"><title>搜索栏</title><!-- 引入Bootstrap核心样式文件 --><link href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body><div class="col-sm-4"><div class="input-group"><input type="text" class="form-control" onkeydown="onKeyDown(event)"/><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span></div >
</div><script type="text/javascript">function onKeyDown(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==27){ // 按 Esc//要做的事情}if(e && e.keyCode==113){ // 按 F2//要做的事情}if(e && e.keyCode==13){ // enter 键alert("此处回车触发搜索事件");}}</script><!-- 引入jQuery核心js文件 -->
<script src="http://cdn.static.runoob.com/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="http://cdn.static.runoob.com/libs/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

https://www.cnblogs.com/zuidongfeng/p/5530585.html

bootStrap 搜索框相关推荐

bootstrap搜索框：click下拉展开改hover展开（两种代码）
bootstrap搜索框:click下拉展开改hover展开(两种代码) 问题: 实现顶部导航的鼠标悬停下拉展开的效果: 实现的滚不导航区域:搜索框组件之点击下拉展开变更为鼠标悬停展开下拉选项条件 ...
bootstrap搜索框_Bootstrap 开源 SVG 图标库 Bootstrap Icons
Bootstrap 开源了首套 SVG 图标库 Bootstrap Icons,其团队表示这是有史以来第一次拥有自己的图标库,此图标库起初专门针对其从表单控件到导航等组件和文档进行定制设计和构建,现在 ...
手机bootstrap搜索框_这些桌面小部件，Android 手机可不能错过
在开源.可玩性较高的安卓系统上,小部件呈现了与 iOS 不一样的魅力.它高度的灵活自由,使得安卓手机用户,更能对自己的手机桌面进行个性化的定制. 可在细数当下众多的安卓小部件里,哪些能在保持实用性的同 ...
bootstrap搜索框样式代码及效果
<div class="container"> <div class="input-group"> <input type=&qu ...
手机bootstrap搜索框_你知道手机可以对摄像头进行图像调节吗
想调节摄像机的日夜转换模式?想打开摄像机的宽动态功能?想调节摄像机的音频输入音量?这些必须要用电脑才能配置吗?NO!现在手机也可以进行这些配置哦.将手机萤石云视频APP升级到最新版本,这些功能都能直接 ...
搜索框内容自动提示bootstrap ajax
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" ...
bootstrap搜索下拉框：bootstrap-select
实现bootstrap搜索下拉框,本文采用bootstrap-select插件:bootstrap-select插件依赖jquery1.8+和bootstrap, 所以需要先引入jquery和boot ...
[百度搜索框Bootstrap模仿]
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>百度搜 ...
css3搜索框呼出键盘,移动端 input 输入框实现自带键盘“搜索“功能并修改X
主要利用html5的,input[type=search]属性来实现,此时input和type=text外观和功能没啥区别: html代码入下: 但要实现点击键盘右下角搜索,来发送请求,js代码如下( ...
dataTable 改变搜索框位置
在"假药度"找了半天也找不到答案,只有自己琢磨出来. * 修改版本 1.9.4 * dataTable 类型 jquery.dataTables.js 我在 ...

bootStrap 搜索框

bootStrap 搜索框相关推荐

最新文章

热门文章