在layui表单中，可以使用form.val()方法来初始化表单赋值

lewis 1年前 (2024-03-29) 阅读数 7 #技术

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

引入layui库文件

<linkrel="stylesheet"href="path/to/layui/css/layui.css">
<scriptsrc="path/to/layui/layui.js"></script>

编写表单代码

<formclass="layui-form"action="">
<divclass="layui-form-item">
<labelclass="layui-form-label">用户名</label>
<divclass="layui-input-block">
<inputtype="text"name="username"lay-verify="required"placeholder="请输入用户名"autocomplete="off"class="layui-input">
</div>
</div>
<divclass="layui-form-item">
<labelclass="layui-form-label">密码</label>
<divclass="layui-input-block">
<inputtype="password"name="password"lay-verify="required"placeholder="请输入密码"autocomplete="off"class="layui-input">
</div>
</div>
<divclass="layui-form-item">
<buttonclass="layui-btn"lay-submitlay-filter="formDemo">立即提交</button>
</div>
</form>

使用form.val()方法初始化表单赋值

layui.use('form',function(){
varform=layui.form;

//初始化表单赋值
form.val('formDemo',{
"username":"test",
"password":"123456"
});
});

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

版权声明

本文仅代表作者观点，不代表博信信息网立场。

上一篇：html代码是什么下一篇：python函数的结构一般包括哪几部分

在layui表单中，可以使用form.val()方法来初始化表单赋值

版权声明

作者文章