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

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

黄舟
黄舟原創
2017-11-03 13:38:283374瀏覽

實例

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

<p contenteditable="true" spellcheck="true">这是一个段落。</p>

瀏覽器支援

IE、Firefox、Chrome、SafariOpera

#定義和用法

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

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

  • input 元素中的文字值(非密碼)

  • 680204f04b0c98aa3c923e36bb5ad6ed 元素中的文字

  • 可編輯元素中的文字

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn