前言
上周逛推特时看到 HTML5 的一个小而有用的小特性，主要是英文的拼写检查，目测对中文暂不支持。今日前端早读课文章由 @飘飘翻译分享。
正文从这开始～～
开发者考虑如何实现当用户在输入框中输入时，可以检查拼写错误的这个功能。
当你考虑时，可能会得出一个结论，认为这个问题的解决方案会非常复杂。
但 HTML5 是如此强大，只需一行属性就可以检查用户的拼写错误 / 输入。
如果你是 Grammarly 的用户，你就会知道当你犯了一个错时，在那个词下面会有一个红色的下划线。
截图自 developer.mozilla.org
同样，你也可以通过在可编辑元素上添加这个属性来实现类似的功能。
对，就是使用 spellcheck 属性就可以实现相关功能。
请注意：
非可编辑的元素不会被检查出拼写错误。
如何使用：
<input type="text" spellcheck="true"> // 开启 Spell Check
<input type="text" spellcheck="false"> // 关闭 Spell Check如果你想明确地禁用拼写检查功能，你可以将该值改为 false。
spellcheck 的属性值可以为 "true"、"false"、""，当值为 true 和"" 时，代表检查。
使用场合：
类型为 text 的 input 元素，但 input="password" 不行。原因是：密码都是星号而且密本身就是不同字母组合而出的。
textarea 元素
spellcheck 属性，html5 中的所有元素都可以指定，对于不是输入栏的元素，须指定
contenteditable="true"编辑属性，才能使用。(如 div 什么的。)
兼容性如何？它是否被顶级浏览器所支持？
根据 MDN，该属性被所有主要的浏览器支持，如 chrome、firefox 和 safari，请参考 MDN 的兼容性图表以了解所有的浏览器。
关于本文
译者：@飘飘
作者：@MM Nauman
原文：https://www.allbloggertricks.com/2021/06/check-for-spelling-mistakes-with-one.html
这期前端早读课
对你有帮助，帮” 赞 “一下，
期待下一期，帮” 在看” 一下 。