input选项菜单

<select name="career">
  <option value="default">请选择职业</option>
  <option value="staff">公司职员</option>
  <option value="freelancer">自由职业者</option>
  <option value="student">学生</option>
  <option value="other">其他</option>
</select>

需要注意的是,这是一个单选菜单,如果用户选择了“学生”,那么提交的数据将会是:
career:“student”
标签属性value的值。所以每个 option 的 value 值要互不相同。

如果我们想要的是一个多选菜单,该怎么办呢?
很简单,给select标签添加 multiple 属性,就可以通过按住 Ctrl(或 ⌘)并单击选项来选中多个选项啦:

<select name="career" multiple>
  <option value="default">请选择职业</option>
  <option value="staff">公司职员</option>
  <option value="freelancer">自由职业者</option>
  <option value="student">学生</option>
  <option value="other">其他</option>
</select>
发布了42 篇原创文章 · 获赞 3 · 访问量 576

猜你喜欢

转载自blog.csdn.net/weixin_43117402/article/details/104378162