投稿

Niushop开源商城系统表单搭建

Vedu • • 程序开发 • 阅读 998

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

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.com/procedure/18162.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2020-12-25 08:30
下一篇 2020-12-25 08:57

相关推荐

发表评论

登录后才能评论