章节
问答
课签
笔记
评论
占位
占位

表单控件(下拉选择框select)

Bootstrap框架中的下拉选择框使用和原始的一致,多行选择设置multiple属性的值为multiple。Bootstrap框架会为这些元素提供统一的样式风格。如:

<form role="form">
<div class="form-group">
  <select class="form-control">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
  </div>
  <div class="form-group">
  <select multiple class="form-control">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</div>
</form>

运行效果如下或查看右侧结果窗口:

 

任务

我也来试试:完成下面任务

在右侧代码编辑器写入代码使其可以实现爱好多选(踢足球、游泳、慢跑、跳舞)

?不会了怎么办

参考代码如下:

<div class="form-group">
      <select multiple class="form-control">
        <option>踢足球</option>
        <option>游泳</option>
        <option>慢跑</option>
        <option>跳舞</option>
      </select>
  </div>

备注:这一小节没有正确性验证,请查看结果窗口,从而判断输入代码是否正确。

 

||
1
2
<!doctype html>
<html lang="en"
    >
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
body {
padding: 100px
      ;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 慕码人9569303
按住shift键就可以用鼠标多选了

已采纳回答 / qq_不二柚子_0
.form-group{margin-bottom:15px} 增加底外边距,与其他表单有间隔,因此放在div里面。.form-control是对表单样式进行了设置

已采纳回答 / 滢芷
不是必要的,因为定义了这个下拉菜单之间的留空,如果删去了只是下拉菜单之间没有了间隔。

最新回答 / 我们去找点乐子吧
每个网站都有各自的默认格式,改不了

最新回答 / qq_风静子_0
五千多完成<...图片...><...图片...><...图片...><...图片...>

最新回答 / 000xiaozhi
关联一下style.css,加<link rel="stylesheet" type="text/css" href="style.css">

已采纳回答 / Thomas_Lee_2015
http://www.w3school.com.cn/tags/att_input_multiple.asp    

已采纳回答 / 慕数据1431743
打错字了</selct> 应该是</select>

已采纳回答 / 菜鸟开始
是bootstrap的css里面定义的一个样式 ,只有在div和规定的标签中才会有作用,就像选择器的筛选一样并不是所有标签用这个类都有作用

已采纳回答 / sevencuijian
设置multiple,按住ctrl是可以多选的

最赞回答 / wlf1112
是你按住ctrl的时候,可以选择多种

已采纳回答 / uhelper_net
multiple 设置在select上,最好给select设置一个大于1的size属性(选择框可以展现的选项个数).
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言