别再说INPUT框的拼写检查了，它哪里烦你了？

哈喽，大家好，我是林三心，一名有志于用最通俗易懂的话讲最难的知识点的技术博主。基础是进阶的前提，也是我的初心。

自动检验

事情是这样的，上个星期，接到了一个需求，要求去除掉项目中的输入框的自动拼写检查功能，也就是下图所示的红线：

乍一看，挺简单的，不就是把输入框的属性 autocomplete 设置成 off 不就行了嘛？

<input type="text"autocomplete="off">

然而，事情并没有我想的那么简单。当我把这段代码添加到项目中时，发现自动拼写检查功能并没有消失。

深入探究

于是我开始在网上搜索解决方案，发现了一个有意思的现象：绝大多数的解决方案都是建议把 autocomplete 属性设置成 off。

这让我很困惑，难道我理解错了？

带着这个疑惑，我继续搜索，终于找到了一些比较靠谱的解决方案。

原来，autocomplete 属性并不是万能的。它只对浏览器的默认自动更正功能有效。

如果你想禁用浏览器的所有自动更正功能，你还需要修改浏览器的设置。

禁用浏览器的自动更正功能

谷歌浏览器

1. 打开谷歌浏览器。
2. 在地址栏中输入 chrome://settings/。
3. 找到“语言和输入”部分。
4. 单击“高级语言设置”。
5. 在“拼写检查”部分，取消选中“在文本框中输入时更正拼写错误”复选框。

火狐浏览器

1. 打开火狐浏览器。
2. 在地址栏中输入 about:config。
3. 在搜索框中输入 spellcheck.inline.manual。
4. 双击 spellcheck.inline.manual。
5. 将值设置为 true。

微软 Edge 浏览器

1. 打开微软 Edge 浏览器。
2. 在地址栏中输入 edge://settings/。
3. 找到“语言和输入”部分。
4. 单击“高级语言设置”。
5. 在“拼写检查”部分，取消选中“在文本框中输入时更正拼写错误”复选框。

常见问题解答

1. 禁用浏览器的自动更正功能后，还会出现自动拼写检查功能吗？

不会了。禁用浏览器的自动更正功能后，浏览器将不会对任何输入框进行自动拼写检查。

2. 我禁用浏览器的自动更正功能后，还会出现自动更正建议吗？

不会了。禁用浏览器的自动更正功能后，浏览器将不会在任何输入框中显示自动更正建议。

3. 我禁用浏览器的自动更正功能后，还会出现自动完成建议吗？

不会了。禁用浏览器的自动更正功能后，浏览器将不会在任何输入框中显示自动完成建议。

技术指南

如果你想在你的项目中禁用 input 标签的自动拼写检查功能，你可以使用以下方法：

1. 使用 autocomplete 属性。
2. 修改浏览器的设置。

如果你想在你的项目中禁用浏览器的自动更正功能，你可以使用以下方法：

1. 修改浏览器的设置。

结语

希望这篇博文能帮助你解决 input 标签的自动拼写检查问题。如果你有任何其他问题，欢迎在评论区留言。