计算机程序设计

如何使在HTML中的下拉列表

在HTML最简单的下拉列表中很容易使用标签选择创建。 这个容器标签,标签中嵌入它的选择 - 这是他们谁设置列表项。

有几个列表选项,可以通过选择标签来完成:下拉列表(选项点击主域之后回落或将鼠标悬停在它),多选的名单 - 在它的用户可以选择多个项目。 第一种是比较常见的,他们是现代的导航网站的一个重要组成部分。 在下拉列表中选择多个可以使用,例如,在您要选择的产品的一些特点的目录。

更改名单的外观和性能,你可以使用通用和特殊属性。

选择标记属性

1.多 - 指定选择题。

2.大小 - 指定的可视行数在列表中,那就是高度。 然后,这一切都取决于,多属性的存在与否。 如果是这样,你不指定大小的床,然后在多个用户的存在会看到所有的选项,但如果多个丢失,被证明是只有一条线,而其他用户将能够读取,当点击右侧电梯的图标。 如果大小的高度指定,它是小于右边的滚动条出现的选项数目。

3.名称 - 名称。 可以没有它做的下拉列表中,但可能需要在服务器上的程序处理程序进行交互。 作为一项规则,名字仍指示。

选择标签没有必需的属性,而不是选择标签。

属性附着标签选项

  1. 选择 - 在设计上突出一个列表项。 用户可以分配多个项目,如果您设置多个属性(参见,以上)。
  2. 价值 - 价值。 此属性是必需的。 Web服务器需要了解用户选择什么列表项。
  3. 标签。 在很长的列表元素可以使用此属性减少。 例如,屏幕上会显示“米兰”,而不是选择标签“米兰 - 伦巴第大区的行政中心。 意大利北部“。 该属性也用于组列表中的项目。

至于列表,则默认为在列表中的最宽的文本的长度的宽度。 当然,宽度可以通过使用HTML样式进行更改。

在其他方面的下拉列表

它可以用CSS来实现,例如,当你将鼠标悬停在页面的项目列表就会出现。 为创建列表极好的机会让JavaScript,从而简化了工作jQuery库。 与此库连接的下拉列表中,可以很复杂,如级联。 也就是说,当你在列表中选择一个项目将出现在下面的列表,例如,有“女装”菜单(将鼠标悬停下降 样的衣服), 那么当物种之一,例如,“上装”下拉列表中,其中的元素:夹克,公园,外套,大衣等。1.

我们已经列出,您可以创建一个下拉列表的主要肤浅的方式。 当然,也有很多细微差别的HTML,在CSS和JavaScript中,它允许您更改列表视图的功能和外观。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhcn.unansea.com. Theme powered by WordPress.