2011-05-13 41 views
10

我想禁用我的文本字段<input type="text">上的拼寫檢查,以免出現任何醜陋的紅色曲線。如何禁用輸入type = text的拼寫檢查?

我知道別人都問過同樣的問題,但他們總是把spellcheck=false作爲接受的答案。這是不正確的。這隻適用於textarea,而不是輸入。

我希望它至少在鉻中工作。

+1

你看到什麼瀏覽器拼寫檢查'input'元素?另外,不需要大喊大叫。 – alex 2011-05-13 02:55:16

+0

http://stackoverflow.com/questions/4524000/turn-off-chrome-safari-spell-checking-by-html-css – leonbloy 2011-05-13 02:56:09

+1

也使一個文本區域是一行,不能調整大小和BAM文本框。 – zellio 2011-05-13 02:56:24

回答

11

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

谷歌Chrome瀏覽器提供對<textarea>元素但不<input type=text>元素作爲你型拼寫檢查。它完全忽略了拼寫檢查屬性。它不會爲最終用戶提供更改默認行爲或手動檢查單個字段的選項。

因此,它在這裏結束。


更新:因爲鉻13(發佈2011年8月,這個答案後3個月),它也支持<input>元素。

+0

這是一個無賴 – tybro0103 2011-05-13 03:01:53

+0

我不會擔心這一點。用戶自己選擇拼寫檢查輸入字段。您不應該強制瀏覽器在您的網站上表現不同。無論如何,我立即禁止拼寫檢查。 – BalusC 2011-05-13 03:03:14

+0

@BalusC這只是愚蠢的,有足夠的理由來禁用輔助功能選項。例如,如果您自己進行拼寫檢查,則您可能想要處理的按鈕周圍的焦點也會發生變化。或者可能是JavaScript中的一個練習應用程序,您可以在其中查看某人可以如何拼寫某些內容作爲測試問題,還有更多原因。因此,你應該能夠強制它,幸運的是它是可能的。 – Yeti 2012-11-26 15:01:25

7

spellcheck=false不工作,但spellcheck="false"作品鉻

+0

這並沒有提供問題的答案。要批評或要求作者澄清,請在其帖子下方留言。 – 2013-10-16 08:21:55

+1

@JamesDonnelly答案很短 - spellcheck =「false」。但我不能發表太短的答案。這不是「批評或要求作者澄清」,這是答案 – chuck911 2013-10-16 09:20:59

+0

這個答案是不正確的,更多的是評論而不是答案。您不需要將HTML屬性包含在引號中,而spellcheck屬性專爲'textarea'元素設計。 – 2013-10-16 09:22:34

0

我敢肯定BalusC的回答是當時準確的,但我認爲這是過時的。我現在在Win7上使用Chrome 31.0.1650.57測試了這個版本,而spellcheck="false"<input type="text">中肯定會抑制可怕的紅色縮進。

一般來說,我同意你不應該這樣做,但任何規則都有例外。 (在我的情況下,輸入需要base64。)

1

您可以在<input type="text">中使用spellcheck=falsespellcheck="false"。這是對發佈的其他答案的輕微更新。

jsfiddle.net/8nc2w6e0

測試在Chrome 39.0.2171.95。

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

作品FF CH