表单

简介: 表单

表单

1.文本框:

 .form-control:表单元素的样式   控制表单元素的大小: .input-ig (放大) .input-sm(缩小)

2.下拉框:

   .form-control 表单元素的样式   multiple ="multiple"  设置下拉框多选

3.文本域

.from-control 表单元素样式

4.复选框

  (1)垂直显示   .checkbox

  (2)水平显示   .checkbox-inline

  5.单选框

 (1) 垂直显示   .radio

 (2)水平显示   .radio-inline

(注意:无论是设置checkbox还是设置radio的垂直显示时,可以在外面套一个div,将div的class设置为checkbox或者radio即可,也可以直接套一个label,设置类名为checkbox或者radio)

6. 按钮:

  1.使用按钮

       (1)基础样式:  -btn

       (2)附加样式:

   .btn-default:默认样式  
            .btn-primaru:原始样式   
            .btn-info:弹出信息按钮样式   
            .btn-success:成功的动作样式  
            .btn-warning:谨慎操作按钮样式   
            .btn-link:让按钮看起来像个链接(仍保留按钮行为)            .btn-lg:制作一个大按钮            .btn-sm:制作一个小按钮            .btn-xs:制作一个超小按钮            .btn-block:块级按钮(拉伸至父元素100%的宽度)            .active:按钮被点击

2.多标签使用

按钮效果(a标签,span标签等)

3.按钮大小

 大按钮:.btn-lg        小按钮:.btn-sm        超小按钮:.btn-xs

4.按钮禁用

   1.通过diabled属性(真正的禁用元素)        2.通过disabled类样式(样式上禁用)
相关文章
|
7月前
|
JavaScript 前端开发 PHP
表格表单
表格表单
66 1
|
存储
表单的解析
表单的解析
|
3月前
表单的构成与创建
表单的构成与创建。
21 2
|
6月前
|
Python
表单
【6月更文挑战第3天】表单。
35 1
|
7月前
|
数据可视化 数据挖掘 API
5 款热门的表单设计器推荐
5 款热门的表单设计器推荐
|
7月前
|
移动开发 前端开发 JavaScript
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
276 0
|
数据采集 数据安全/隐私保护
什么是表单?
什么是表单?
|
数据安全/隐私保护
表格与表单
表格与表单
97 0
|
安全 数据安全/隐私保护 对象存储
表单的 9 种设计技巧【上】
表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。
746 0
表单的 9 种设计技巧【上】
|
数据采集 前端开发 搜索推荐
表单| 学习笔记
快速学习表单。
表单| 学习笔记