什么是HTML列表框(HTML Listbox)？
在超文本标记语言（HTML）中，列表框是一种交互式图形用户界面（GUI）组件。它在网站上显示为页面中的一个框，其中包含用户可以选择的一组垂直文本选项。使用HTML列表框的目的是向用户提供许多选项，用户可以从中选择这些选项可以...
在超文本标记语言（HTML）中，列表框是一种交互式图形用户界面（GUI）组件。它在网站上显示为页面中的一个框，其中包含用户可以选择的一组垂直文本选项。使用HTML列表框的目的是向用户提供许多选项，用户可以从中选择这些选项可以选择，然后对选择做出反应。有许多选项可用于自定义列表框，特别是通过使用层叠样式表（CSS）。HTML列表框和另一个称为组合框的图形用户界面元素之间存在视觉和功能差异，即使它们的定义方式大同小异。
在文档中，HTML列表框是使用select标记定义的。
在文档中，HTML列表框是使用select标记定义的。此标记启动列表框并可用于定义多个选项。select标记最重要的属性之一是列表框的名称，它使HTML文档的其他部分能够直接访问列表框的值。可以设置的另一个重要选项是multiple属性，它允许用户从中选择多个项同时显示列表，而不是一次只显示一个。
在开始和结束select标记之间，HTML列表框中包含的实际元素是使用option标记定义的。option标记包含将在HTML列表框中显示的实际文本。与select标记一样，它还有一些重要的属性，option标记的一个有价值的属性是能够为所选的选项定义返回值，该选项被发送到查询脚本，而不是用户看到的文本这意味着用户可以看到单词"red"，但是HTML列表框可以返回十六进制的red值，而不是实际的单词。
除了选项之外，HTML列表框可以包含另一个称为optgroup的可视元素。optgroup是一个标题，用于直观地分隔列表框中的不同选项。当用户查看包含optgroup标记的列表框时，他或她将在框中看到一个粗体标题，在它下面，相关的选项将稍微缩进而不是粗体。
即使可以制作一个功能强大的HTML列表框并将其放置在网站上，当用户选择一个选项时，它实际上不会做任何事情，除非有支持代码可以这样做。这可以通过JavaScript®通过文档对象模型（DOM）访问listbox来完成，也可以用其他脚本或applet来执行。作为一个交互元素，listbox会生成用户事件，比如mouseover，这可以在浏览器中捕获。
在文档中，HTML列表框是使用select标记定义的。在文档中，HTML列表框是使用select标记定义的。此标记启动列表框并可用于定义多个选项。select标记最重要的属性之一是列表框的名称，它使HTML文档的其他部分能够直接访问列表框的值。可以设置的另一个重要选项是multiple属性，它允许用户从中选择多个项同时显示列表，而不是一次只显示一个。
在开始和结束select标记之间，HTML列表框中包含的实际元素是使用option标记定义的。option标记包含将在HTML列表框中显示的实际文本。与select标记一样，它还有一些重要的属性，option标记的一个有价值的属性是能够为所选的选项定义返回值，该选项被发送到查询脚本，而不是用户看到的文本这意味着用户可以看到单词"red"，但是HTML列表框可以返回十六进制的red值，而不是实际的单词。
除了选项之外，HTML列表框可以包含另一个称为optgroup的可视元素。optgroup是一个标题，用于直观地分隔列表框中的不同选项。当用户查看包含optgroup标记的列表框时，他或她将在框中看到一个粗体标题，在它下面，相关的选项将稍微缩进而不是粗体。
即使可以制作一个功能强大的HTML列表框并将其放置在网站上，当用户选择一个选项时，它实际上不会做任何事情，除非有支持代码可以这样做。这可以通过JavaScript®通过文档对象模型（DOM）访问listbox来完成，也可以用其他脚本或applet来执行。作为一个交互元素，listbox会生成用户事件，比如mouseover，这可以在浏览器中捕获。
- 发表于 2020-07-10 15:31
- 阅读 ( 2276 )
- 分类：电脑网络
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章