ProductList

1.layui表单中的inline和block：

block：

block元素会独自占一行，多个block元素各自新起一行，默认情况下 ，block元素宽度自动填充其父元素宽度

上面这段代码中，用到了class="layui-input-block"

最终页面显示如下：

两个输入框是单独一行的。

inline：

inline元素不会独自占一行，多个相邻元素会排在同一行中，直到一行排不下，才会新换一行，其宽度随元素的内容而变化

上面用到的是 class="layui-input-inline"

页面结果是这样的：

就是两个输入框都在同一行。

2.标签定义块引用。
 

与

之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

现在我们来看个关于html blockquote标签的使用实例：

 

Here is a long quotation here is a long quotation here is a long quotation

here is a long quotation here is a long quotation.
 

在浏览器中显示的效果，如图：

 

这个标签可以将其包起来的文字，全部往右缩排。而且加一组标签，往右缩排一单位，加两组标签，往右缩排两单位，依此类推。

 3.layui框架form.on(‘select(XXX)‘,function(){})；

在layui框架中使用form.on方法绑定select下拉框选中事件，form.on()方法不执行, 解决方法有以下几点：

---

3.1.  html中form标签中要有class="layui-form"，否则不生效

1. <form class="layui-form">

3. </form>

 3.2.  form.on方法必须放在layui.use({})里

1. <script language="JavaScript">

2. layui.use(['form', 'layer'], function () {

3. form.on('select(XXX)', function (data) {});

4. });

3.3.  select标签中要有lay-filter属性，用来监听select

1. <select id="XXX" lay-filter="XXX" lay-verify="required" lay-search>

2. <option></option>

3. </select>

---

以上解决方法就能使form.on方法执行了

4.