前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

单选框和多选框的设计和使用(单选框的类型)

多选框(checkbox)用于可多选的情况,单选框(radio)则只能选择一个。在普通的HTML中,checkbox、radio在和<label>等标签配合时会出现对齐的问题,Bootstrap很好地解决了这个问题,代码如下:

单选框和多多选框效果图

实现代码

上面的代码中我们将input标签都包含在了label中,强制其在一行,但是很多情况下我们不建议这么做。一般一个<label>中包含一个元素,如果遇到多个<label>标签则会垂直显示内容。Bootstrap中提供了几个样式类,如class="checkbox-inline"、class="radio-inline",可以使checkbox和radio显示在一行,代码如下:

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言