如何在输入类型=文本上禁用拼写检查?

时间:2011-05-13 02:52:28

标签: html css input textarea spell-checking

我想在我的文本字段<input type="text">上禁用拼写检查,以免出现任何丑陋的红色波浪形。

我理解其他人也问了同样的问题,但是他们总是把spellcheck=false作为接受的答案。这是不正确的。这只适用于textarea,而不是输入。

我希望它至少可以在chrome中使用。

6 个答案:

答案 0 :(得分:14)

来自http://blog.whatwg.org/the-road-to-html-5-spellchecking#compatibility

  

Google Chrome会在<textarea>元素但不包含<input type=text>元素上提供按字母方式拼写检查。它完全忽略了拼写检查属性。它不向最终用户提供更改默认行为或手动检查单个字段的选项。

所以,它在这里结束。


更新:自Chrome 13(2011年8月发布,此回答3个月后)以来,<input>元素也支持它。

答案 1 :(得分:8)

spellcheck=false无法正常工作,但spellcheck="false"适用于Chrome

答案 2 :(得分:1)

您可以在spellcheck=false中使用spellcheck="false"<input type="text">。这是对其他答案的略微更新。

jsfiddle.net/8nc2w6e0

在Chrome 39.0.2171.95上测试。

答案 3 :(得分:0)

我确信BalusC的答案在当时是准确的,但我认为它已经过时了。我现在正在Win7上的Chrome 31.0.1650.57中对此进行测试,并spellcheck="false"肯定会在<input type="text">中抑制可怕的红色波浪形。

一般来说,我同意你不应该这样做,但任何规则都有例外。 (在我的例子中,输入是期望base64。)

答案 4 :(得分:0)

<table spellcheck="false"> ....
     <td><textarea> blabla </textarea></td> ....
     ....... <td><textarea> xxxxx </textarea></td>
</table>

适用于FF CH

答案 5 :(得分:0)

另请注意,从 React/jsx 引用时,属性名称应为大写 C 字母 spellCheck="false"