html网页输入框input填写内容自动记忆功能怎么去除

Release time:2019年11月29日 Author:Catfish CMS Reading volume:1411

我们在做前端的html网页模板的时候,免不了要制作一些输入框,供使用者输入信息实现人机交互。一般情况下我们都会使用如下的HTML代码来生成单行输入框:

<input type="text" name="name">

这是一个很简单的HTML代码,其效果就是可以在前端页面输出一个输入框供用户输入内容。通常情况下,浏览器对曾经在输入框中输入的内容是有记忆功能的,这个功能可以给我们带来一定的方便,当您输入一部分字符的时候,浏览器就会把之前输入过的与之相关的字符串都显示出来供您选择。

但是,有的时候我们并不希望浏览器把过往输入的信息都显示出来,例如登录页的用户名输入框,通常我们不希望在输入框里面留下用户名的信息。所以在不需要提示的情景下,我们希望能够把input输入框的自动记忆功能去掉。

怎么去掉呢?看下面的代码:

<input type="text" name="name" autocomplete="off">
上面这行代码就可以实现去除浏览器input输入框的自动记忆功能。我们比较一下两行代码可以发现,其实第二行代码只是增加了“autocomplete”属性,并且我们把这个属性的值设置成“off”,这样就可以实现去掉input的自动记忆功能了。

Reward

I want to comment Sign in to post a comment


Latest release

鲶鱼cms主题(模板)制作如何调用分组的幻灯片

我们在《鲶鱼cms如何使用幻灯片分组》中介绍了怎么使用幻灯片的分组,这一篇我们将进一步学...

鲶鱼系统主题(模板)制作的幻灯片代码实现

鲶鱼CMS可以在后台方便地设置幻灯片,鲶鱼Blog系统也可以在后台开启幻灯片的使用(详见...

鲶鱼Blog系统如何使用幻灯片

鲶鱼CMS系统的幻灯片设置是原生开启的,而鲶鱼Blog系统默认是关闭幻灯片的,如果要使用...

鲶鱼cms如何使用幻灯片分组

鲶鱼cms自从版本4.9.18开始支持幻灯片分组,这会给某些需要在页面展示多组幻灯片的应...

Catfish CMS License(CCL)- 鲶鱼CMS许可证

Catfish CMS License(CCL)- 鲶鱼CMS许可证,正式发布。 CC...

免费开源的鲶鱼CMS怎么样?说说鲶鱼cms系统的几大特点

免费开源cms系统鲶鱼CMS是一款轻便易用的内容管理系统,其设计理念十分独特,整个系统实...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2020 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 4.9.54