289 次浏览【转载需注明来源】
博客作者:【qiang】
首先是表单的数据框,表单的数据框十分的常用,可以输入各种字符内容,账号,姓名,地址,个性签名等等。
下面是layui的数据框代码:
<区块 类名="lay-表单-项目"> <数据框标注 类名="lay-表单-标签">单行输入框</数据框标注> <区块 类名="lay-输入框-区块"> <数据框 数据类型="文本输入" 属性名称="标题" lay-验证="必填项" 自动填充="不记住" 默认提示="请输入标题" 类名="lay-输入框" /> </区块> </区块>
上面有很多layui的类名和属性,我们一一说明一下:
1、lay-表单-项目 用来包裹表单元素。
2、lay-表单-标签 用来给 数据框标注 标签添加样式。
3、lay-输入框-区块 用来设定数据框的外框大小。
4、lay-输入框 用来赋予数据框样式。
属性:
5、lay-验证 这个属性在于提交的时候,验证输入框文字是否符合要求,内置的验证有(必填项,手机号,邮箱,身份证,网址,日期,数字,自定义值),我们属性值是 必填项,就代表这是个必须填写的数据框。
代码效果展示:
点击此处跳转案例下载:点击下载lay-表单数据框实例
不能恶意举报,否则进行封号处理!
测试账号