layer.prompt 多文本 禁止输入
时间: 2024-09-24 11:22:11 浏览: 43
知识点补充——windowprompt-JavaScript基础
`layer.prompt` 是 layui 这个前端 UI 框架中提供的一个弹出层组件,用于用户交互输入。当你需要让用户输入多行文本,并希望禁止他们直接修改已经输入的内容时,可以设置 `prompt` 的属性。
例如,你可以这样做:
```javascript
layui.use('layer', function () {
var layer = layui.layer;
layer.prompt({
type: 1, // 弹出框类型为输入框,type=1
title: '请输入多行文本', // 标题
content: '', // 初始内容
input: true, // 是否显示输入框
tip: false, // 是否显示提示文字,默认为true,这里设为false禁用输入区域的文字提示
verify: null, // 输入验证函数
maxlength: 0, // 最大长度,如果设置则限制输入长度
success: function (text) { // 输入框关闭后的回调
console.log(text); // 获取到的用户输入
},
btn: ['确定', '取消'], // 提交按钮数组
cancel: function () {}, // 取消操作的回调
btnAlign: 'right', // 提交按钮位置,默认居右
btnStyle: { // 提交按钮样式
background: '#0079d6', // 颜色
color: '#fff'
}
});
});
```
在这个例子中,`tip: false` 参数会使得输入框的下方提示文字不可见,达到禁止用户输入的效果。用户只能查看已输入的文本,不能修改。
阅读全文