零基础学 layui 看这篇文章就够了

最新推荐文章于 2024-06-04 17:34:22 发布

Mason97

最新推荐文章于 2024-06-04 17:34:22 发布

阅读量1.5k

点赞数 3

分类专栏：前端

本文链接：https://blog.csdn.net/Mason97/article/details/105859839

版权

零、layui有三大独立的组件：

在这里插入图片描述

一、 (独立组件之一)【layui弹出效果的网址】https://layer.layui.com/

在这里插入图片描述

以往的html，最最原始的

<form action="" method="post">
    用户名：<input type="text" value=""/><br/>
    密 码：<input type="password" value=""/><br/>
    <input type="button">
</form>

在这里插入图片描述

弹窗初体验以及使用layer的步骤

导入jquery-3.4.1.min.js
导入layer.js
导入弹窗功能。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="libs/jquery-3.4.1.min.js"></script><!--首先引入jquery-->
    <script src="layer/layer.js"></script><!--引入layer.js-->
    <!--一个弹窗功能-->
    <script type="text/javascript">
        layer.confirm(

最低0.47元/天解锁文章

Mason97

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
零基础学 layui 看这篇文章就够了

目录零、layui有三大独立的组件：一、 (独立组件之一)【layui弹出效果的网址】https://layer.layui.com/以往的html，最最原始的弹窗初体验以及使用layer的步骤普通加弹窗利用layer组件的弹窗提示层小提示弹窗。代码都在官网将问题输入框失去焦点和tip结合一个tips应用场景，校验输入是否符合规范，利用了js的正则判断。然后弹出提示信息。二、(独立组件之二...
复制链接

扫一扫