HTML 教程

HTML 属性

HTML 标签列表

HTML API

HTML 案例

HTML 颜色

HTML5 进阶

HTML 其它

HTML 面试问题

HTML <select> 下拉列表标签

HTML <select> 标签用于创建具有多个选项的下拉列表。<option> 元素嵌套在 <select> 标签内，用于定义列表中的选项。

<optgroup> 元素可用于对列表中的相关选项进行分组。

如果要将数据发送到服务器，请在 <form> 元素中使用 <select> 标记。

句法

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

以下是关于 HTML <select> 标签的一些规范

展示排队
开始标签/结束标签开始和结束标签
用法输入

例子

<!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 选择标签

属性：

特定于标签的属性：

属性价值描述
autofocusautofocus这个属性让下拉列表自动聚焦在页面加载上。
disableddisabled它用于禁用控件，用户无法与下拉列表交互。
formform-id它指定了一个或多个选择所属的表单。
multiplemultiple如果设置，则用户可以从列表中选择多个选项。
namename它确定下拉列表的名称。
requiredrequired如果指定，用户必须在提交表单之前选择该字段。
sizenumber它指定列表中选项的可见数量。

全局属性：

<select> 标签支持 HTML 中的全局属性。

事件属性：

<select> 标签支持 HTML 中的事件属性。

支持浏览器

元素ChromeIEFirefoxSafariOpera
<select>YesYesYesYesYes


上一主题 HTML <section> 标签 下一主题 HTML <small> 标签
  • 使用社交账号登录,本站支持
全部评论(0)

便捷工具