1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>spellcheck屬性的使用</title> 6 </head> 7 <body> 8 <style> 9 .ac{border:1px solid #ff7300;width:200px;height:100px;} 10 </style> 11 <pre> 12 1.<b>輸入完某個單詞后,進行按空格鍵，就可以看到這是不是錯誤的單詞了。</b> 13 2.spellcheck="true"、'false'、""，值為true和""時，代表檢查。。 14 【空字符串為什么檢查：就跟input其他屬性一樣，你設置個readonly就是只讀( readonly="")，再加個值描述的更准確。】 15 3.使用場合： 16 1.類型為text型的input元素，但input類型為text型的input元素，但input="password"不行(原因：你是密碼哎，都是星號還檢查個啥玩意,密碼本身就是不同字母組合而出的)。 17 2.textarea元素 18 3.spellcheck屬性，html5中的所有元素都可以指定，對於不是輸入欄的元素，須指定contenteditable="true" 編輯屬性，才能使用。(如div什么的。) 19 4.現代瀏覽器都支持以及IE10 20 </pre> 21 22 <p>檢測<textarea spellcheck="true" >absolute testK</textarea> </p> 23 <p>不檢測 <textarea spellcheck="false"></textarea> </p> 24 <div contenteditable="true" spellcheck class="ac">div absolute testK</div> 25 <p>readonly=""：<input readonly=""/></p> 26 <p><input type="password" spellcheck="true"/></p> 27 </body> 28 </html>