Hi,好久不见,今天我们在这里给大家介绍一下下拉菜单(select标签)的使用方法;下拉菜单简单来讲在网站上的运用有哪些呢?比如:找回密码问题选择,所在地区选择等。在平常的使用当中还是很多的。
那我们该如何创建使用呢?首先准备HBuilder(这只是作者用的哦,还有很多就不做具体介绍了),然后创建名为demo的项目,然后创建名为new的HTML页面,然后引入Jquery和bootstrap库,代码是:
scripttype=text/javascriptsrc=js/jquery-3.2.1.min.js/script
scripttype=text/javascriptsrc=js/bootstrap.min.js/script
其中src引用路径根据你自己的存放bootstrap、jquery插件的具体路径进行引用,引用完成后就开始进行代码的编写,具体代码如下:
styletype=text/css
*{padding:0;margin:0auto;}
/style
(存放在head/head标签中)目的是为了清除浏览器的自带样式。
下拉菜单代码如下:
divstyle=width:px;text-align:center;
divstyle=margin-top:px;
label密码查询问题: nbsp;
selectid=sel
optionvalue=你叫什么名字?selected=selected你叫什么名字?/option
optionvalue=你最喜欢的明星?你最喜欢的明星?/option
optionvalue=你最喜欢的动物?你最喜欢的动物?/option
/select
/labelbr/
/div
,其中selectid=sel/select是用来创建下拉菜单,option/option是用来创建下拉菜单的选项。接下来让我们们看看在浏览器中的运行效果:
今天就到此结束了,如果大家有什么不懂的地方欢迎留言或私信,有什么错误的地方欢迎大家批评指正,谢谢大家!
LinkedList的使用方法
如何在ArrayList集合中存取元素
如何编写提示框(Tooltip)