layui表单基本样式(随笔)

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

图纸t

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

阅读量1.1w

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/asdfghjkl110292/article/details/89055051

版权

笔记专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>样式</title>


<link rel="stylesheet" href="layui/css/layui.css" />

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="layui/layui.all.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
            layui.use('form', function(){
              		
                    layui.form.render();   //表单渲染，得渲染才会有效果显示出来
            })
          })
</script>

</head>

<body>
<form class="layui-form">
<div class="layui-form-item">
            <label class="layui-form-label layui-bg-red layui-center">文件名</label>
            <div class="layui-input-block">
                <input type="text" name="filename" placeholder="请输入" autocomplete="off" class="layui-input filename">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-red layui-center">文件路径</label>
            <div class="layui-input-block">
                <input type="text" name="filepath" placeholder="请输入" autocomplete="off" class="layui-input filepath">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green layui-center">父目录</label>
            <div class="layui-input-block">
                <select name="previousid" id="menuname" lay-search>
                    <option value="" style="width:50px" class="menuid">请选择父目录</option>
                </select>

            </div>
        </div>

</form>
</body>

</html>

图纸t

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
layui表单基本样式(随笔)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me...
复制链接

扫一扫

专栏目录