layui文本框填充值
时间: 2023-06-29 14:07:06 浏览: 83
layui的layedit富文本赋值方法
可以使用layui的form模块的赋值方法,具体代码如下:
HTML代码:
```
<form class="layui-form">
<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">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
```
JS代码:
```
layui.use(['form'], function(){
var form = layui.form;
//给用户名和密码文本框赋值
form.val('formDemo', {
'username': 'admin',
'password': '123456'
});
//监听提交
form.on('submit(formDemo)', function(data){
console.log(data.field);
return false;
});
});
```
其中,form.val()方法用于给表单元素赋值,第一个参数是form的lay-filter属性值,第二个参数是一个对象,属性名对应表单元素的name属性值,属性值对应表单元素的值。在这个例子中,给用户名和密码文本框赋了默认值,可以根据需要进行修改。
阅读全文