本文展示了如何使用layui库在数据表格中添加编辑、删除、开关和图片功能。通过示例代码，解释了如何创建编辑表单、设置开关（switch）以及展示用户头像。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我是用户的列表</title>
<script src="layui-v2.5.6/layui/layui.js"></script>
<link rel="stylesheet" href="layui-v2.5.6/layui/css/layui.css">
</head>
<body>
<!--我是修改-->
<script type="text/html" id="updateHtml">
<form class="layui-form layui-form-pane" action="" οnsubmit="return false">
<div class="layui-form-item">
<label class="layui-form-label">姓名</label>
<div class="layui-input-inline">
<input type="text" name="" placeholder="请输入姓名" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">年龄</label>
<div class="layui-input-inline">
<input type="text" name="" placeholder="请输入年龄" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">是否神仙</label>
<div class="layui-input-inline">
<input type="radio" name="shen" value="神仙" title="神仙" checked="">
<input type="radio" name="shen" value="凡人" title="凡人">
<!--<input type="radio" name="sex" value="禁" title="禁用" disabled="">-->
</div>
</div>
<!--修改 下面应该有提交或者-->
</form>
</script>
<!--//搜索框-->
<form class="layui-form layui-form-pane" action="" οnsubmit="return false">
<div class="layui-form-item">
<label class="layui-form-label">账户</label>
<div class="layui-input-inline">
<input type="text" name="" placeholder="请输入账户" class="layui-input">
</div>
<label class="layui-form-label">名称</label>
<div class="layui-input-inline">
<input type="text" name="" placeholder="请输入名称" class="layui-input">
</div>
<label class="layui-form-label"
最低0.47元/天 解锁文章
扫一扫
3035
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
