1、你自己用js模拟写一个下拉效果，这种不推荐，写得太麻烦。
2、你搜索一下“select2”这个插件就是要的，引入后使用非常方便，效果也是比较好的。
3、html5的标签属性，但效果一般，并且需要支持html5的浏览器支持，例子如下：
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
正如您可能知道的，在图形设计中，网格系统是一个二维结构，由水平轴和垂直轴相交的区域组成，用于构建内容。它被广泛应用于平面设计的设计布局和内容结构。在网页设计中，它是一种通过使用 HTML 和 CSS 来快速有效地创建一致的布局的非常有效的方法。因此，网格系统已经成为网页设计的框架或工作流程的一个重要的组件/模块。简单的说，在网页设计中，我们使用 HTML 和 CSS 创建行和列来实现一个网格。且列中包含了实际内容。
自版本 2.3.2 起，Bootstrap 提供了两种类型的网格。默认的网格系统是 940px 宽和 12 列。您可以添加响应式的样式表让它随着呈现的视口调整宽度为 724px 和 1170px。
这里还设有一个流动网格系统，它是基于百分比的，而不是基于像素的。且可被扩展为像默认固定网格一样具有响应性。在本教程中我们将通过一些实例来讨论默认网格，流动网格系统将在另一个单独的教程进行讲解。
从默认网格入门
让我们先从一个基本的 HTML 开始，看看如何在上面应用默认网格。
<!DOCTYPE html>
<html>
<head>
<title>Fixed layout example with Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"media="screen">
</head>
<body>
可以用js实现左右两个自适应高度的div等高。
具体代码如下：
<script type="text/javascript"><!--
window.onload=window.onresize=function(){
if(document.getElementById("mm2").clientHeight<document.getElementById("mm1").clientHeight){
document.getElementById("mm2").style.height=document.getElementById("mm1").offsetHeight+"px"
}
else{
document.getElementById("mm1").style.height=document.getElementById("mm2").offsetHeight+"px"
}
}
-->
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）