HTML中的select元素

本文作者: jsweibo

本文链接: https://jsweibo.github.io/2019/01/20/HTML%E4%B8%AD%E7%9A%84select%E5%85%83%E7%B4%A0/

摘要

本文主要讲述了：

HTML 特性
DOM 属性
事件

正文

HTML 特性

multiple

布尔特性，多选

注意：多选提交表单时，会在查询字符串里，多次使用同一个name提交

示例：localhost/index.html?list=1&list=2&list=3

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <form>
      <select name="list" id="list" multiple>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
      </select>
      <button>Submit</button>
      <button type="reset">Reset</button>
    </form>
  </body>
</html>