欢迎光临
我们一直在努力

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元素

评论 抢沙发

评论前必须登录!