HTML select标签 HTMLselect标签|HTML5

本文概述

属性
支持的浏览器

HTML < select> 标记用于创建具有多个选项的下拉列表。 < option> 元素嵌套在< select> 标记内, 用于定义列表中的选项。
< optgroup> 元素可用于对列表中的相关选项进行分组。
如果要将数据发送到服务器, 请在< form> 元素内使用< select> 标记。
句法

< select> < option> < /option> < /select>

以下是有关HTML < select> 标记的一些规范

Display	Inline
开始日期/结束日期	开始和结束标签
Usage	Input

例

< !DOCTYPE html> < html> < head> < title> HTML select Tag< /title> < style> .img{background-image: url("india.jpg"); background-size: cover; background-position: center; height: 100%; width: 100%; background-repeat: no-repeat; position: fixed; top: 0; left: 0; } < /style> < /head> < body> < div class="img"> < h2> Example of select tag< /h2> < form> < label> Choose your Favorite city in India< /label> < select> < option> New Delhi< /option> < option> Indore< /option> < option> Jaipur< /option> < option> Jodhpur< /option> < option> Chandigarh< /option> < option> Mumbai< /option> < option> Bengaluru< /option> < option> Lucknow< /option> < option> Amritsar< /option> < /select> < /form> < /div> < /body> < /html>

【HTML select标签】立即测试
输出：

文章图片
属性特定于标签的属性：

属性	值	描述
autofocus	autofocus	该属性使下拉列表自动集中在页面加载上。
disabled	disabled	它用于禁用控件, 并且用户无法与下拉列表进行交互。
form	form-id	它指定select所属的一种或多种形式。
multiple	multiple	如果设置, 则用户可以从列表中选择多个选项。
name	name	它确定下拉列表的名称。
required	required	如果指定, 则用户必须在提交表单之前选择该字段。
size	number	它指定列表中选项的可见数量。