html5的spellcheck屬性(拼寫、文法檢查)


html5的spellcheck屬性

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

<p>檢測<textarea spellcheck="true" >absolute testK</textarea> </p> 
<p>不檢測 <textarea spellcheck="false"></textarea> </p> 
<div contenteditable="true" spellcheck class="ac">div absolute testK</div>
<p>readonly="":<input readonly=""/></p>
<p><input type="password" spellcheck="true"/></p>
</body> 
</html>

  (文章來自轉載)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM