18910140161

HTML中的select标签如何使用

顺晟科技

2021-06-16 10:39:45

292

让我们首先看看什么是select标记。

选择标记是用于创建选择框的标记。当您希望用户从下拉菜单项中进行选择时,可以使用选择选项卡。

您可以使用select标记作为表单的一部分,也可以使用JavaScript获取所选项目的值。

如何使用select标记?

要使用选择标签,您可以通过在选择标签之间添加选项标签来创建下拉菜单。

selectname='name'id='name '

期权价值='名称1 '张三/期权

Optionvalue='name2' Li si /option

Optionvalue='name3 '王二/期权

/select

选择标签的复杂用法

代码示例:

!DOCTYPEhtml

超文本标记语言

metacharset='utf-8 '

标题/头衔

/head

身体

Labelphp中文网站视频选课:

select name=' program ' multiplesize=' 4 '

optgrouplabel=' application '

Optionvalue='wordpress '前端视频课程/选项

Optionvalue='webapp'php视频教程/选项

Optionvalue='laravel '引导视频课程/选项

/optgroup

optgrouplabel='mobile '

option value=' iphone ' iphone/option

option value=' Android ' Android/option

option value=' unity ' unity/option

/optgroup

/select

/label

/body

/html

描述:

如果指定多个属性,可以使用多个选项。如果未指定,则只进行一次选择。

因为size属性被指定为size="4 ",所以只能显示4行。

您也可以滚动浏览所有选项。

您不能选择由optgroup指定的标签本身,但可以将其显示为分组标签。

让我们最后看另一个例子:

!DOCTYPEhtml

超文本标记语言

metacharset='utf-8'/

/head

身体

formaction='# '方法='GET '

selectname='name'id='name '

Optionvalue='谁'对谁?/option

期权价值='名称1 '张三/期权

Optionvalue='name2' Li si /option

Optionvalue='name3 '王二/期权

期权价值='名称4 '陈武/期权

期权价值='名称5 '刘钊/期权

/select

输入类型='提交'名称='提交'值='发送'/

/form

/body

/html

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航