当前博客:14-快码FOF中文编程layui教学-组件:表单-数据框

289 次浏览【转载需注明来源】

博客作者:【qiang】

个性签名:请输入个性签名___________

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

下面是layui的数据框代码:

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

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

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

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

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

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

属性:

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

代码效果展示:

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

14-快码FOF中文编程layui教学-组件:表单-数据框