您好,登錄后才能下訂單哦!
這篇文章主要介紹了html5規定是否對元素進行拼寫和語法檢查的屬性spellcheck,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
實例
進行拼寫檢查的可編輯段落:
<p contenteditable="true" spellcheck="true">這是一個段落。</p>
瀏覽器支持
IE、Firefox、Chrome、SafariOpera
定義和用法
spellcheck 屬性規定是否對元素進行拼寫和語法檢查。
可以對以下內容進行拼寫檢查:
input 元素中的文本值(非密碼)
<textarea> 元素中的文本
可編輯元素中的文本
HTML 4.01 與 HTML5 之間的差異
spellcheck 屬性是 HTML5 中的新屬性。
語法
<element spellcheck="true|false">
屬性值
值 | 描述 |
true | 對元素進行拼寫和語法檢查 |
false | 不檢查元素。 |
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>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“html5規定是否對元素進行拼寫和語法檢查的屬性spellcheck”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。