HTML5： select标签

select标签作为一个HTML的双标签，存在两个常用的属性

name属性：表示select标签的名字

id属性：表示select标签的id，也可以作为label 标签链接的组件

用法为：

其选择项option标签中的value值表示的是select标签选中后的value值，option标签中的内容表示显示的内容
select标签初始值为默认选中第一项

 <select name="color"><option value="red">红</option><option value="blue">蓝</option><option value="green">绿</option></select><script>let select = document.querySelector("select").value;console.log(select);  // red
</script>

HTML5： select标签相关推荐

php中 datalist,html5 datalist标签的用法是什么？这里有datalist标签的用法实例
本篇文章主要为大家讲述了关于html5 datalist标签的用法及html5 datalist标签的用法实例.本文说了两个常用的选项框的实例供大家选择观看,下面就让我们一起来看这篇文章吧我们先来看 ...
【html 及 HTML5所有标签汇总】★★★
/****************************************************************************/ [HTML5所有标签汇总]★★★ /*** ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
html里下拉标记,HTML: select 标签
在线示例创建带有多个选项的下拉列表: 示例html> HTML select标签的使用(基础教程网 nhooo.com) Choose a pet: --Please choose an op ...
html5 支持php标签吗,HTML5新增标签使用方法
HTML5提供了一些新的元素和属性,例如nav(网站导航块)和footer.这种标签将有利于搜索引擎的索引整理,同时更好的帮助小屏幕装置和视障人士使用,除此之外,还为其他浏览要素提供了新的功能,如au ...
前端基础8：HTML5新增标签及CSS3新属性 viewport 动画
HTML5新增标签标签名描述 header 头部 section 区分大模块 nav 导航 footer 尾部 article 文章 aside 侧边栏 audio 音频 video 视频 fig ...
HTML表单标签和HTML5新标签
[HTML表单标签和HTML5新标签] 目录 [HTML表单标签和HTML5新标签] 1. HTML表单标签 1.1input 控件 1.2.label标签 1.3.textarea控件 1.4.下拉 ...
HTML和HTML5常用标签
文章目录 1.HTML简介 2.HTML基础语法 3.HTML文本标签 4.HTML格式化标签 5.HTML图像标签 6.HTML超链接标签 7.HTML表格标签 8.HTML表单标签 8.1.for ...
Html5新增标签总结
为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式处理,和几个api拖放元素,定位,包括网页应用程序缓存,存储,网络工作者, ...
html中什么表示下拉列表,html中select标签（下拉列表）的详细介绍
html中select标签(下拉列表)的详细用法,有兴趣的朋友可以了解一下! 在网页中,下拉列表很常见,那你知道在html源代码中是怎么实现的吗?今天要分享的就是html中实现下拉列表的标签,即sel ...

HTML5： select标签

HTML5： select标签

HTML5： select标签相关推荐

最新文章

热门文章