话不多说，让我们来直接看正文~

在超文本标记语言中有一个挑选标签可以创建单选和多选菜单，选择标签中的选择权属性用于定义列表中的可用选项。

下面我们就来看看超文本标记语言下拉菜单的具体代码：

超文本标记语言

身体

形式

selectname='cars '

optionvalue='city '城市/option

optionvalue='合肥'合肥/option

optionvalue='芜湖'芜湖/option

optionvalue='南京'南京/option

optionvalue='高邮'高邮/option

/select

/form

/body

/html

超文本标记语言下拉菜单效果如下：

2345截图20181019110142.png

在这里说明一下：选择元素是一种表单控件，可用于在表单中接受用户输入。

上面的这个超文本标记语言下拉菜单感觉太过单调，接下来我们就看看利用钢性铸铁来实现一个好看一点的下拉菜单。

熟悉实现的下拉菜单代码：

！DOCTYPEhtml

超文本标记语言

头

' UTF-8 '

标题/头衔

风格。a{

宽度宽度：200像素

}。b{

宽度宽度：100px

高度：50像素

文本对齐：中心；

行高：50 px

背景：浅蓝色

font-size :30 px

}。c{

高度：200像素

宽度宽度：100px

display:none

背景：灰色

}。b:hover

背景：绿色；

光标：指针指针；

}

a:hover.c{

显示：块

}

a{

显示：块

text-decoration : none

高度：40像素

文本对齐：中心；

行高：40 px

color: # ccc

}

a:hover{

背景：绿色；

颜色：粉色；

}

/style

/head

身体

divclass='a '

divclass='b '城市/div

divclass='c '

ahref='# '合肥/a

ahref='# '南京/a

ahref='# '芜湖/a

ahref='# '高邮/a

ahref='# '上海/a

/div

/div

/body

/html

本文转载自中文网