layui表单初始化赋值的方法是什么

   2024-11-04 3210
核心提示:在layui表单中,可以使用form.val()方法来初始化表单赋值。具体步骤如下:引入layui库文件link rel=stylesheet href=path/to/lay

在layui表单中,可以使用form.val()方法来初始化表单赋值。具体步骤如下:

引入layui库文件
<link rel="stylesheet" href="path/to/layui/css/layui.css"><script src="https://www.mykuaidi.com/static/image/lazy.gif" class="lazy" original="https://www.mykuaidi.com/static/image/nopic320.png">
编写表单代码
<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="username" 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">      <input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">    </div>  </div>  <div class="layui-form-item">    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>  </div></form>
使用form.val()方法初始化表单赋值
layui.use('form', function(){  var form = layui.form;    // 初始化表单赋值  form.val('formDemo', {    "username": "test",    "password": "123456"  });});

在上面的代码中,form.val(‘formDemo’, data)方法会将data对象中的数据赋值给表单中name属性对应的输入框。这样就可以在页面加载时自动填充表单数据。

 
举报打赏
 
更多>同类维修大全