表单

简介: 表单

表单

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类样式(样式上禁用)
相关文章
|
数据采集 数据安全/隐私保护
什么是表单?
什么是表单?
|
JavaScript 数据安全/隐私保护 前端开发
|
8月前
|
Python
表单
【6月更文挑战第3天】表单。
43 1
|
数据采集 前端开发 搜索推荐
表单| 学习笔记
快速学习表单。
表单| 学习笔记
|
JSON 前端开发 数据格式
前台页面对表单的方法
/* 清除表单内的数据 */ function clearFormDate(){$("#tableForm").find('input[type="text"]').val(''); //清除text类型的input中的内容$("#tableForm").find('select').val(''); //清除下拉框的内容$("#tableForm").find('textarea'
1308 0
|
9月前
|
移动开发 前端开发 JavaScript
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
Vue3中表单相关的知识:表单绑定、表单验证、表单处理
295 0
|
前端开发 数据处理
前端表单数据那些事
前言:这段时间一直在搞to B方向中后台的项目,表单接触的频率会比较多,就突发奇想聊聊表单数据相关的一些基础分享
349 0
前端表单数据那些事
|
5月前
表单的构成与创建
表单的构成与创建。
25 2
|
存储
表单的解析
表单的解析
|
移动开发 前端开发 HTML5
前端表单部分新属性
前端表单部分新属性
107 0

热门文章

最新文章