返回
bootstrap表单form全面解析_javascript技巧

bootstrap表单form全面解析_javascript技巧

ID：30774632

大小：79.26 KB

页数：4页

时间：2019-01-03

bootstrap表单form全面解析_javascript技巧_第1页
bootstrap表单form全面解析_javascript技巧_第2页
bootstrap表单form全面解析_javascript技巧_第3页
bootstrap表单form全面解析_javascript技巧_第4页
资源描述：

《bootstrap表单form全面解析_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Bootstrap表单Form全面解析Bootstrap,來口Twitter,是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。在进彳亍自己的后台改版时，大体布局都使用了bootstrap,剩下的表单部分没理由不去使用它，对于表单的美化和布局，bootstrap做的也是很不错的，有大气的边框，多功能的按钮及宏观的表单布局，一切都是那么的完整与完美！用户列表用户时间部门到查询建立一个用户普通表单我们需要将表单元素包裹到form-group类里，一般以〈divclass=，，form-group，，

2、＞...＜/div＞來进行存放，而在它内容表单元索名称一，般放在label标签里，而input标签的类名为form-control,值得注意的是，你的checkbox和radio等元素需要写在自己的div里。例如下面的表单

Emai1address

3、"form-group"〉Password

Fileinput

4、k〃>Exampleblock-levelhelptexthere.

〈inputtype二〃checkbox"〉Checkmeout
Submit运行之后的效果EmailaddressEmailPasswordPasswordFileinput浏览…I柚择文件。Exampleblock-levelhelptexthere.厂CheckmeoutSubm

5、it水平排放的表单需要你的表单元素需要水平排放，可以在表单上添加类.form-inline,这种表单一般在元素比较少时比较适用例如Emailaddress〈inputtype二〃cma订〃class二〃fonn-control"id二〃cxomplcInputEmail3z/placeholder二"Email"〉

6、roup〃>Password〈buttontype二〃submit〃class二〃btnbtn-defaul

7、t〃>SigninEmailPassword厂RemembermeSignin普通表单+元素水平排放这种表单用的是最多的，在一般用户注册，填写资料时，经常可以见到如下的表单效果EmailPasswordEmailPassword厂RemembermeSignin实现这种表单使用了.form-horizontal类，每彳亍元素被包裹在...H卩可formclass二"form-horizo

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。