溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html5規(guī)定是否對元素進行拼寫和語法檢查的屬性spellcheck

發(fā)布時間:2021-01-22 10:06:49 來源:億速云 閱讀:269 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了html5規(guī)定是否對元素進行拼寫和語法檢查的屬性spellcheck,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

實例

進行拼寫檢查的可編輯段落:

<p contenteditable="true" spellcheck="true">這是一個段落。</p>

瀏覽器支持

IE、Firefox、Chrome、SafariOpera

定義和用法

spellcheck 屬性規(guī)定是否對元素進行拼寫和語法檢查。

可以對以下內容進行拼寫檢查:

  • 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.現(xiàn)代瀏覽器都支持以及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規(guī)定是否對元素進行拼寫和語法檢查的屬性spellcheck”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業(yè)資訊頻道,更多相關知識等著你來學習!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI