首先是表单的数据框，表单的数据框十分的常用，可以输入各种字符内容，账号，姓名，地址，个性签名等等。

下面是layui的数据框代码：

<区块 类名="lay-表单-项目">
	<数据框标注 类名="lay-表单-标签">单行输入框</数据框标注>
	<区块 类名="lay-输入框-区块">
		<数据框 数据类型="文本输入" 属性名称="标题" lay-验证="必填项" 自动填充="不记住" 默认提示="请输入标题" 类名="lay-输入框" />
	</区块>
</区块>

上面有很多layui的类名和属性，我们一一说明一下：

1、lay-表单-项目    用来包裹表单元素。

2、lay-表单-标签    用来给 数据框标注 标签添加样式。

3、lay-输入框-区块  用来设定数据框的外框大小。

4、lay-输入框  用来赋予数据框样式。

属性：

5、lay-验证   这个属性在于提交的时候，验证输入框文字是否符合要求，内置的验证有（必填项，手机号，邮箱，身份证，网址，日期，数字，自定义值），我们属性值是 必填项，就代表这是个必须填写的数据框。

代码效果展示：

点击此处跳转案例下载：点击下载lay-表单数据框实例