使用SPELLCHECK屬性禁用輸入框拼寫檢查

水靈兒發表於2017-11-03

我們經常會遇到一些可編輯文字內容中顯示紅色下劃波浪線,類似於word文件中錯誤單詞的拼寫檢查,使得該標籤內容很不美觀。那麼如何關閉textarea等可編輯文字欄位的拼寫檢查呢?這裡,我們可以通過一個Html5全域性屬性spellcheck來解決禁用拼寫檢查的功能。

spellcheck屬性是Html5規範的一部分,它新增了對輸入、textarea 元素和可編輯文字欄位的拼寫檢查。主要針對一些無法識別的詞語提供熟悉的紅色波形曲線。

spellcheck屬性僅 textarea、input(非密碼) 元素或者標記為 contentEditable 的元素並且支援HTML5的瀏覽器有效。語法如下:

<input type="text" spellcheck="value">
<textarea spellcheck="value">
<div contenteditable="true" spellcheck="value"></div>

spellcheck屬性有以下value可用:

true    //該欄位應用拼寫檢查。
false   //不應用拼寫檢查
none    //如果屬性缺失,則從父元素繼承拼寫檢查。


相關文章