HTML<select>属性

/ / HTML<select>属性

HTML <select>标签用于定义选择列表的表单中。

select示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML select Tag</title>
   </head>

   <body>
      <form action="/cgi-bin/dropdown.cgi" method="post">
         
         <select name="dropdown">
            <option value="Data Structures" selected>Data Structures</option>
            <option value="Data Mining">Data Mining</option>
         </select>
         
         <input type="submit" value="Submit" />
      </form>
   </body>

</html>

这将产生以下结果-

无涯教程网

全局属性

此标签支持- HTML属性参考中所述的所有全局属性。

特定属性

The HTML <select> tag also supports the following additional attributes-

Attribute Value 描述
autofocus html-5 autofocus 指定页面加载时,下拉列表应自动获得焦点。
disabled disabled 禁用输入控件。该按钮将不接受用户的更改。它也无法获得焦点,并且在按Tab键时将被跳过。
form html-5 form_id 指定一种或多种形式。
multiple multiple 设置后,它指定一次可以选择多个项目
name name 为输入控件分配一个名称。
required html-5 required 在提交表单之前,用户需要选择一个值,否则它将不会继续进行。
size number 定义下拉列表中可见项目的数量

事件属性

此标签支持 HTML事件参考中描述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

零基础拿下云原生CKA认证 -〔王雪飞〕

后端工程师的高阶面经 -〔邓明〕

说透元宇宙 -〔方军〕

讲好故事 -〔涵柏〕

Electron开发实战 -〔邓耀龙〕

MongoDB高手课 -〔唐建法(TJ)〕

透视HTTP协议 -〔罗剑锋(Chrono)〕

OpenResty从入门到实战 -〔温铭〕

软件工程之美 -〔宝玉〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者