钱柜qg111手机版 >钱柜qg777手机官网 >如何在HTML中显示下拉菜单【适合初学者】 >

如何在HTML中显示下拉菜单【适合初学者】

2019-09-12 08:23:02 来源:环球网
A+ A-

我再也听不到HTML了! 本文介绍了初学者的HTML基础知识。

这一次,我将解释如何显示下拉菜单

本文基于TechAcademy 的HTML课程。

什么是下拉菜单

下拉菜单是一种菜单栏,可选择众多选项之一。 与不同,当有很多选择时,它可以在不占用场地的情况下显示。

以下标记可以用HTML实现。

·标签

下拉菜单。

·标签

制作下拉菜单中显示的项目。

·值属性

将选择项作为数据发送时,请通知数据接收方该值。

·标签

以易于理解的方式对多个标签和显示菜单进行分组。

20160620

下拉菜单也是表单的一部分吗?

20163020-2

哦,是的。 这是一个适合选择一个县或选择一个月的项目。

20160620

感觉就像你选择了几个。

20163020-2

没错。 我们真的写吧!

实施下拉菜单

让我们实际看一下代码的例子。

这次我们将创建一个下拉菜单来选择月份。

使用标签环绕项目并设置值。 让我们用名称属性“month”包含标记。

一月
二月
三月
四月
五月
六月
七月
八月
九月
十月
十一月
十二月

在浏览器中查看时,会显示一个小的下拉菜单。 单击以垂直排列1月至12月的项目。

dropdownmenu

以同样的方式,让我们添加当天的下拉菜单。

dropdownmenu2

您可以组合月份和日期来制作简单的日期选择栏。

接下来,让我们创建一个下拉菜单来选择县。 在name属性中指定“address”,为标签中的每个县创建一个项目,并在值中指定县名称。 另外,让我们按标签对标签进行分组,以便更轻松地选择项目。

name属性,label属性和value属性中指定的值用于聚合数据或在目标中保存数据。

东京千叶埼玉

大阪兵库京都

通过这样做,标签中指定的“Kanto”和“Kansai”显示在县名的开头。

看起来用户很容易找到它。

dropdownmenu3

可以使用下拉菜单而不是单选按钮和复选框来保存具有多种选择的项目, 从而节省空间并使页面更清晰。 当有许多选项时,适当地使用标签来组织项目将使创建用户友好页面成为可能。

这次我介绍了如何显示下拉菜单

如果您想在HTML中进一​​步自定义表单,还可以查看在HTML 。

20160620

我知道有一个选择标记,选项标记显示所选项目...

20163020-2

它不能用HTML完成,但它可以接收PHP编程发送的数据。 可以接收select的名称,就好像它是值一样。 你现在不必担心。

20160620

当页面显示时,select标签是否也可以保留一些项目?

20163020-2

我能做到! 它被选中了。 当它是一个复选框时,它被检查。

[注意] TechAcademy有一个 ,即使是初学者也可以在8周内发布他们的原始网站。 您可以从HTML的基础知识中学习。

责任编辑:子车淫葳 CN037