html5 拼写检查属性如何工作？答案

【问题标题】：How does the html5 spellcheck attribute work?html5 拼写检查属性如何工作？
【发布时间】：2012-03-12 12:33:16
【问题描述】：

html5 spellcheck 属性是如何工作的？

我在 Chrome 17 上看到 this page，它应该在 <textarea> 上支持 spellcheck，（但在 <input type='text'> 上不支持），但是当我在其中给出的文本区域中输入一些非单词时页面，我没有看到任何变化。

【问题讨论】：

标签： html google-chrome textarea spell-checking

【解决方案1】：

请参阅此工作 example 应用于 text area。这对我来说在 safari、chrome 和 firefox 中工作。如果不是，请提供有关您使用的操作系统的信息。浏览器支持目前是有限的，如下所示。

【讨论】：

@jacktheripper，您有最新的列表或此功能的链接吗？

【解决方案2】：

spellcheck 属性在浏览器中的实现仍然很差（如果有的话）。例如，当我访问您在 Chrome 18 中提到的页面并在“应检查此文本区域是否有拼写错误的单词”框中输入拼写错误的单词时。浏览器将“单词”标记为拼写错误。双击其他单词也会使其显示为拼写错误。解释是我将西班牙语设置为拼写检查语言。注意：这个语言可以通过右击输入区域并选择拼写检查设置来改变，但是在页面重新加载之前改变不会生效。

因此，请检查浏览器中的这些设置。请注意，那里有一个复选框，用于控制是否使用拼写检查。

【讨论】：

我右键单击，拼写检查已关闭。我激活了它，现在它可以工作了。
spellcheck 似乎破坏了 iOS 模拟器中的 Javascript，即使它在 Safari 或 Safari Mobile 中没有问题。

【解决方案3】：

随着时间的推移，支持得到了改善。这是一个更新的表格：

需要考虑的几件事：

默认值取决于元素和浏览器。通常，contenteditable 和 <textarea> 的行为就像设置为“true”，<input> 的行为就像它被设置为 false。
拼写检查不影响验证。
Android 提供自动建议，但不支持拼写检查。

更多信息：MDN article、Wuffo article、Latest comparison table

【讨论】：