在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和两个button3
保存代码并运行项目,打开浏览器可以查看到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常用方法的使用方法