html5規定是否對元素進行拼字和語法檢查的屬性spellcheck-H5教程-PHP中文網

html5規定是否對元素進行拼字和語法檢查的屬性spellcheck

黄舟

發布： 2017-11-03 13:38:28

原創

3368 人瀏覽過

實例

進行拼字檢查的可編輯段落：

<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 class="brush:php;toolbar:false">
1.<b>输入完某个单词后,进行按空格键，就可以看到这是不是错误的单词了。</b>
2.spellcheck="true"、&#39;false&#39;、""，值为true和""时，代表检查。。
【空字符串为什么检查：就跟input其他属性一样，你设置个readonly就是只读( readonly="")，再加个值描述的更准确。】
3.使用场合：
   1.类型为text型的input元素，但input类型为text型的input元素，但input="password"不行(原因：你是密码哎，都是星号还检查个啥玩意,密码本身就是不同字母组合而出的)。
   2.textarea元素
   3.spellcheck属性，html5中的所有元素都可以指定，对于不是输入栏的元素，须指定contenteditable="true" 编辑属性，才能使用。(如div什么的。)
4.现代浏览器都支持以及IE10

检测absolute testK

不检测

div absolute testK

readonly=""：

登入後複製

以上是html5規定是否對元素進行拼字和語法檢查的屬性spellcheck的詳細內容。更多資訊請關注PHP中文網其他相關文章！