HTML，如何禁用输入框的拼写检查？设置拼写检查范围

我们相信：世界是美好的，你是我也是。 来玩一下解压小游戏吧！

本文简短的说一下，textarea输入框里面的拼写检查问题，也就是spellcheck的问题。因为苏南大叔写的是代码博客，输入框里面的代码，很多不符合"英文输入"的习惯，这是个很正常的事情。但是，会出现一堆红色的下划线，显示拼写错误，这很令人疑惑。

苏南大叔的“程序如此灵动”博客，记录苏南大叔的代码编程经验总结。测试环境：win10，chrome@135.0.7049.41。

spellcheck属性

在苏南大叔的实验中，

• 普通的input type=text中，有焦点时会再次触发拼写检查。失去焦点后就没有红线提示了。
• 而在textarea中，却直接触发了拼写检查。失去焦点后，红线效果不会消失。

由于这个拼写检查效果，给苏南大叔的写作造成了困扰。所以，需要禁用这个功能。方案就是给textarea加个属性spellcheck为false。

<textarea spellcheck="false"></textarea>

作用范围

世界上的语言并不是仅仅有英语一种，所以，英语里面错误的拼写，在别的语言里面缺很有可能是正确的。所以，是通过甚么来控制拼写检查的范围的呢？

解决方案就是：在对应的元素上，增加lang属性。

<!-- 英语拼写检查 -->
<div contenteditable="true" lang="en" spellcheck="true">color</div>

<!-- 法语拼写检查 -->
<div contenteditable="true" lang="fr" spellcheck="true">couleur</div>

参考文字：

• https://newsn.net/say/html-lang.html

结语

更多苏南大叔的html经验文字，请点击：

• https://newsn.net/tag/h5/

如果本文对您有帮助，或者节约了您的时间，欢迎打赏瓶饮料，建立下友谊关系。
本博客不欢迎：各种镜像采集行为。请尊重原创文章内容，转载请保留作者链接。