大概意思就是初始化为只读,当聚焦时去掉只读属性,只读可以防止浏览器自动填充。 因此,一个form表单里密码框之前的input框都这样添加:(注意:当表单没有密码框的时候不需要考虑) // 用户输入框 <el-input v-model="userForm.name" autocomplete="off" :show-word-limit="false" maxlength="30" clearable placehold...
首先是input框聚焦的时候(@focus事件),其次是input框中的值改变的时候(@input事件), 接着我们要想什么情况下文字提示默认显示,首先是input失去焦点的时候(@focus失焦事件),其次是清空input框中的内容时(@clear清空事件);最后我们还要考虑input框在有值的情况下文字提示要怎么展示。
由于我们项目系统使用的elementui框架,所以为了保持风格统一,使用el-input作为载体,上面的输入框使用默认 type='text',下方的输入框使用 type='textarea'。 其中缩写的小方块用div元素包装,通过绝对定位 使其置于input输入框之上。 下面是html结构 <el-input size="mini" id="tag-input" v-model="inputVal" :...