欢迎光临
我们一直在努力

Bootstrap教程:表单控件——下拉选择框select元素

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

<!doctype>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bootstrap教程:表单控件——下拉选择框select元素</title>
     <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<form role="form">
  <div class="form-group">
    <select class="form-control"> 
      <option>新起点博客</option> 
      <option>bootstrap教程</option> 
      <option>bootstrap教程</option> 
      <option>bootstrap教程</option> 
      <option>bootstrap教程</option> 
      </select>
  </div>
  <div class="form-group">
      <select multiple class="form-control"> 
        <option>bootstrap教程</option> 
        <option>bootstrap教程</option> 
        <option>bootstrap教程</option> 
        <option>bootstrap教程</option> 
        <option>bootstrap教程</option> 
      </select>
  </div>

</form>   
</body>
</html>

效果:

Bootstrap教程

赞(0) 打赏
未经允许不得转载:新起点博客 » Bootstrap教程:表单控件——下拉选择框select元素
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏