美文网首页
关于Input输入框,浏览器记住密码

关于Input输入框,浏览器记住密码

作者: caiyiii | 来源:发表于2019-10-15 20:17 被阅读0次
image.png

当输入编号、用户名和密码之后,点击登录按钮。浏览器一般会提示记住密码,就会出现这种情况,浏览器记住了编号和密码,却没有记住用户名和密码。这是因为没有给 input 设置唯一的 id

<el-form-item
          v-if="corpType == 1"
          :rules="[{ required: true, min: 1, message: '企业编码不能为空' , trigger: 'blur'}]"
          prop="enpcode"
        >
          <el-input
            :key="enpType"
            v-model="query.enpcode"
            class="material"
            placeholder="企业编码"
            name="enpcode"
            type="text" 
            tabindex="1"
            auto-complete="off"           
          />
        </el-form-item>
        <el-form-item
          :rules="[{ required: true, min: 1, message: '用户名不能为空' , trigger: 'blur'}]"
          prop="username"
        >
          <el-input
            :key="userType"
            v-model="query.username"
            class="material"
            placeholder="用户名"
            name="username"
            type="text"
            tabindex="2"
            auto-complete="off"
          />
        </el-form-item>
        <el-form-item
          :rules="[{ required: true, min: 1, message: '密码不能为空' , trigger: 'blur' }]"
          prop="password"
        >
          <el-input
            :key="passwordType"
            v-model="query.password"
            :type="passwordType"
            class="material"
            placeholder="密码"
            name="password"
            tabindex="3"
            auto-complete="off"
            @keyup.enter.native="handleLogin"
          />
        </el-form-item>

而且当只给密码设置 key 时,浏览器就会记住编号和密码。当只给用户名设置 key 时,浏览器就会记住编号和用户名。

相关文章

网友评论

      本文标题:关于Input输入框,浏览器记住密码

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