首頁 > web前端 > H5教程 > html5規定是否對元素進行拼字和語法檢查的屬性spellcheck

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

黄舟
發布: 2017-11-03 13:38:28
原創
3393 人瀏覽過

實例

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

<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   

检测

不检测

div absolute testK

readonly="":

登入後複製

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板