HTML5： select标签

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>