在网页中,下拉列表很常见,那你知道在html源代码中是怎样完成的吗?今日小编要分享的就是html中完成下拉列表的标签,即select标签。
html标签
“select”作为英文单词有“挑选”的意思,那它作为html中的标签又充任什么样的角色呢?我们一起来看看html中select标签的界说及用法吧!
一、select标签界说及用法
在html中,select标签是使用来界说下拉列表的,通常在网页中用来完成下拉菜单。
select标签界说的下拉列表中的各个选项由option标签来界说,关于option标签的介绍能够参考:html中option标签(下拉列表选项)的具体介绍
html标签
二、select标签语法格局
选项内容
选项内容
……
三、select标签属性
autofocus:在页面加载时下拉列表自动取得焦点,值:autofocus(html5新增属性);disabled:属性值为true时,禁用下拉列表;form:界说select字段所属的一个或多个表单(html5新增属性);multiple:属性值为true时,可挑选多个选项;name:下拉列表的称号。required:规则用户在提交表单前必须挑选一个下拉列表中的选项,值:required(html5新增属性);size:下拉列表中可见选项的数目。
html标签
三、实例
html中select标签(下拉列表)的具体介绍
html
css
JavaScript
php
html表单下拉列表标签介绍
html中select标签(下拉列表)的具体用法,有爱好的朋友能够了解一下!
在网页中,下拉列表很常见,那你知道在html源代码中是怎么完成的吗?今天要分享的就是html中完成下拉列表的标签,即select标签。
“select”作为英文单词有“选择”的意思,那它作为html中的标签又充任什么样的人物呢?我们一起来看看html中select标签的界说及用法吧!
一、select标签界说及用法
在html中,select标签是使用来界说下拉列表的,通常在网页中用来完成下拉菜单。
select标签界说的下拉列表中的各个选项由option标签来界说,关于option标签的介绍能够参考:html中option标签(下拉列表选项)的具体介绍
二、select标签语法格式
选项内容
选项内容
……
标签HTML5中的新特点
特点值描述
autofocus
规则在页面加载后文本区域主动取得焦点。
disabled
规则禁用该下拉列表。
form_id
规则文本区域所属的一个或多个表单。
multiple
规则可选择多个选项。
name
规则下拉列表的名称。
required
规则文本区域是必填的。
number
规则下拉列表中可见选项的数目。
全实例
html中select标签(下拉列表)的具体介绍
html
css
JavaScript
php
运转结果:
下拉列表会顺次显现html,css,JavaScript和php
select标签
好了,关于html中select标签(下拉列表)的具体介绍就到此结束了,期望对我们有所协助!