layui滑块验证sliderVerify表单提交示例代码

代码语言:html

所属分类:表单美化

代码描述:layui滑块验证sliderVerify表单提交示例代码

代码标签: sliderVerify 表单 提交 示例

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/layui.css">
    <style>
        .pro_name a {
            color: #4183c4;
        }
        .osc_git_title {
            background-color: #fff;
        }
        .osc_git_box {
            background-color: #fff;
        }
        .osc_git_box {
            border-color: #E3E9ED;
        }
        .osc_git_info {
            color: #666;
        }
        .osc_git_main a {
            color: #9B9B9B;
        }
    </style>
</head>
<body>

    <div style="width:420px;margin:140px auto;">

        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">输入框</label>
                <div class="layui-input-block">
                    <input type="text" name="title" required lay-verify="required" placeholder="请输入标题" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">滑动验证</label>
                <div class="layui-input-block">
                    <div id="slider"></div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="la.........完整代码请登录后点击上方下载按钮下载查看

网友评论0