艺宵网 程序开发 Niushop开源商城系统表单搭建

Niushop开源商城系统表单搭建

表单搭建,是商城系统触发按钮的重要模块之一,有工整详细的表单,不仅能让页面更加美观大气,还可以让后台代码更加规…

表单搭建,是商城系统触发按钮的重要模块之一,有工整详细的表单,不仅能让页面更加美观大气,还可以让后台代码更加规整与规范,方便及时查漏或者商家再次二开!

Niushop开源商城系统表单搭建

表单label宽度

layui-form-label 155px

layui-form-label sm 100px

input宽度

input框 最短(100px): ns-len-small

input框 短(160px): ns-len-short

input框 中(250px): ns-len-mid

input框 长(500px): ns-len-long

输入框

效果图:

Niushop开源商城系统表单搭建

代码如下

 

 

类型:

1、文字输入框 type=”text”

2、数字输入框 type=”number”

3、密码输入框 type=”password”

注意:

required:注册浏览器所规定的必填字段

lay-verify:注册form模块需要验证的类型

class=”layui-input”:layui.css提供的input样式

添加必输项标识

效果图:

Niushop开源商城系统表单搭建

关键代码:

*

代码如下:

 

 

添加解释说明

效果图:

Niushop开源商城系统表单搭建

关键代码(注释一):

注释一

代码如下(注释一):

注释一

 

关键代码(注释二):

注释二

注意:摆放位置不同

代码如下(注释二):

 

注释二

关键代码(注释三):

注释三

代码如下(注释三):

 

注释三

复选框

效果图:

Niushop开源商城系统表单搭建

代码如下:

 

注意: checkboxs 表示选中

本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。http://www.yixao.net/procedure/18162.html
Vedu

作者: Vedu

这个人很懒,什么都没有留下~

发表评论

联系我们

联系我们

15378714280

在线咨询: QQ交谈

邮箱: yixaonet@163.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部