美文网首页
input取消浏览器保存的值

input取消浏览器保存的值

作者: 韩小禹 | 来源:发表于2019-08-14 17:51 被阅读0次

取消浏览器保存的值关键在于autocomplete熟悉,type=text的时候,autocomplete="off"。type=password的时候,autocomplete="new-password"。

<div class="form-group">
    <label for="userName" class="col-sm-2 control-label labelIpt">用户名称</label>
    <div class="col-sm-10">
        <input type="text" class="form-control" id="userName" placeholder="请输入用户名称" value="" autocomplete="off">
    </div>
</div>
<div class="form-group">
    <label for="userPassword" class="col-sm-2 control-label labelIpt">用户密码</label>
    <div class="col-sm-10">
        <input type="password" class="form-control" id="userPassword" placeholder="请输入用户密码" value="" autocomplete="new-password">
    </div>
</div>

相关文章

  • input取消浏览器保存的值

    取消浏览器保存的值关键在于autocomplete熟悉,type=text的时候,autocomplete="of...

  • readonly与disable区别

    在input中,readonly的值无法编辑但是可以传给数据库保存 而disable的值无法保存到数据库,会成为空值

  • React学习随笔

    更新state、props中的复杂数据 数据操作 编辑数据 保存数据 取消编辑还原数据 删除数据 input的on...

  • web常用小知识

    Html 打电话,发短信和发邮件 ios下,取消input在输入的时候英文首字母的默认大写的情况 取消微信浏览器缓...

  • 解决浏览器自动填充账号密码行为

    360浏览器会记住input中的name值,因为试了一下改name值也可以达到不让浏览器自动填充的效果,但是火狐和...

  • watch监听input值

    1.监听自定义3个input框值 2.选中自定义的时候放数据里面 3.结构 4.在保存的时候校验input是否有值...

  • 移动端踩的坑

    1、微信浏览器input=file,点击选择图片无法上传 我开始的input 只需要改accept 属性值就可以了...

  • 取消input默认样式

    取消input默认样式

  • 设置input不同状态下的样式

    设置input 的placeholder的字体样式 设置input聚焦时的样式 取消input的边框

  • 编程备忘录

    1、取消input默认样式 input{ outline: none;border: none;backgroun...

网友评论

      本文标题:input取消浏览器保存的值

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