html select

🌙
手机阅读
本文目录结构
axihe

html select 元素

select 元素可创建单选或多选菜单。<select> 元素中的<option> 标签用于定义列表中的可用选项

常用属性如下:

  • autofocus:规定在页面加载后文本区域自动获得焦点。

  • disabled:规定禁用该下拉列表。

  • form:规定文本区域所属的一个或多个表单。

  • multiple:规定可选择多个选项。

  • name:规定下拉列表的名称。

  • required:规定文本区域是必填的。

  • size:规定下拉列表中可见选项的数目。

option 元素

option 元素定义下拉列表中的一个选项(一个条目)。

浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。option 元素位于 select 元素内部。

注释:<option> 标签可以在不带有任何属性的情况下使用,但是您通常需要使用 value 属性,此属性会指示出被送往服务器的内容。请与 select 元素配合使用此标签,否则这个标签是没有意义的。

如果列表选项很多,可以使用 <optgroup> 标签对相关选项进行组合。

常用属性如下:

  • disabled:规定此选项应在首次加载时被禁用。

  • label:定义当使用 <optgroup> 时所使用的标注。

  • selected:规定选项(在首次显示在列表中时)表现为选中状态。

  • value:定义送往服务器的选项值。

    <select>
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
    </select>
    

更多的 可以查看 HTML select 标签

更多 HTML 搜索

通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang