多语言展示
当前在线:1484今日阅读:26今日分享:39

layui的form怎么隐藏

在layui框架中,添加form表单以及相关元素,如何隐藏form?
工具/原料
1

layui

2

jquery

3

JavaScript

4

HTML5

5

CSS3

6

HBuilderX

7

截图工具

8

浏览器

9

WPS

方法/步骤
1

在HBuilderX工具新建的Web项目中,新建一个静态页面并引入jquery、layui相关的文件

2

在标签中,插入一个form标签,并插入两个input和两个button

3

保存代码并运行项目,打开浏览器可以查看到form表单效果

4

在form表单元素中,直接添加一个style属性,设置值为display:none

5

再次保存代码并刷新浏览器,可以发现表单元素被隐藏了

6

在jquery初始化函数中,使用类选择器,调用css()方法设置display为none

7

再次保存代码并刷新浏览器,发现form也被隐藏了,说明js方法和css样式效果一样

总结

layui的form隐藏1、css方法:display:none2、js方法:使用css()方法END

注意事项
1

注意layui的form怎么隐藏

2

注意layui中的form常用方法的使用方法

推荐信息