html5规定是否对元素进行拼写和语法检查的属性spellcheck

百变鹏仔 2个月前 (10-18) #H5教程

文章标签语法

实例

进行拼写检查的可编辑段落：

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

浏览器支持

IE、Firefox、Chrome、SafariOpera

定义和用法

spellcheck 属性规定是否对元素进行拼写和语法检查。

可以对以下内容进行拼写检查：

input 元素中的文本值（非密码）
立即学习“前端免费学习笔记（深入）”；
元素中的文本
可编辑元素中的文本

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

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集