美文网首页
取消chrome输入框默认提示内容

取消chrome输入框默认提示内容

作者: 二营长家的张大炮 | 来源:发表于2019-12-11 14:33 被阅读0次

    chrome浏览器会自动记忆我们input输入框输入的内容,当输入框再次获取焦点的时候,之前输入的内容就会以下拉框的形式显示出来,当你页面滚动的时候,这个下拉框不随着页面滚动,会造成用户交互问题,所以我们取消这个显示


    image.png
     <Input
              autocomplete="off"
              style="width:300px"
              placeholder="请输入课程名称"
              v-decorator="['title', { rules: [{ required: true, message: '请填写标题!' },{max:30,message:'标题不超过30个字符!'}] }]"
            />
    

    在input中加上 autocomplete="off"即可

    相关文章

      网友评论

          本文标题:取消chrome输入框默认提示内容

          本文链接:https://www.haomeiwen.com/subject/szbogctx.html