表单

简介: 表单

表单

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类样式(样式上禁用)
相关文章
|
2月前
|
JavaScript 前端开发 PHP
表格表单
表格表单
30 1
|
4月前
|
JavaScript 前端开发 数据安全/隐私保护
提交表单与验证表单案例
提交表单与验证表单案例
21 0
|
7月前
|
存储
表单的解析
表单的解析
|
9天前
|
Python
表单
【5月更文挑战第5天】表单。
26 11
|
2月前
|
数据可视化 数据挖掘 API
5 款热门的表单设计器推荐
5 款热门的表单设计器推荐
|
5月前
|
移动开发 前端开发 JavaScript
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
103 0
|
9月前
表单标签
表单标签
36 0
|
11月前
|
数据采集 数据安全/隐私保护
什么是表单?
什么是表单?
|
12月前
|
数据安全/隐私保护
表格与表单
表格与表单
59 0
|
存储 前端开发 数据可视化
实现一个表单设计器我们需要知道的
表单功能一直是前端项目中比不可少的一块功能,如果有个项目需要在两个月内开发200个左右表单,那我们应该怎么办?加班加点也是能搞出来的,那质量有保证么,这是我们就需要开发一个可以通过可视化交互设计表单的功能。下面和大家分享下我在开发这款表单设计器时使用的技术能力以及整个的设计思路。