前端BUI框架表单教程

在开发后台的过程中，前后端需要频繁的通信，后台页面使用BUI模板，后端使用Java开发。

BUI提供了4种表单布局，这四种表单布局，我觉得都可以使用 水平表单来替代。DIV本身就是一个块，DIV就是垂直布局的。

1、页面中中引入CSS样式(如果需要动态效果，后期可引入JS文件)
在页面head标签中引入，也可以下载到本地引入，下载到本地的好处是可以自己查看css文件中的内容

2、根据需要编写表单
所有的表单元素肯定都是要在

3、填充表单元素
根据BUI框架，我们可以编写适合自己的表单布局。

上面的表单效果图，可以看到在同一行，等宽。

效果图

// 这里我们更改了input的class值，class的值一般为control-text会好一些。
                    
                存量：*
                
                    
                
            
            
                销量：*
                
                    
                
            
        

效果图

效果图

想要让表单变宽，在div上span的数值大一点，input元素的值大一些。
每一个row类的div就是一行。

最后在表单里面加上提交按钮

       
            
                提交
                重置
            
        

其余一些细节性问题，可以调整参考官方文档。
总结步骤如下：
1、引入样式表，有需要的话引入一些js库，做好html基本页面
2、在页面里面写表单，加上表单样式
3、根据需要填充表单元素
4、最后加上提交按钮

如果需要使用ajax请参考jQuery的ajax。

BUI 表单参考
jQuery ajax参考