我是靠谱客的博主 默默飞鸟,这篇文章主要介绍html5规定是否对元素进行拼写和语法检查的属性spellcheck,现在分享给大家,希望可以做个参考。

实例

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

复制代码
1
<p contenteditable="true" spellcheck="true">这是一个段落。</p>
登录后复制

浏览器支持

IE、Firefox、Chrome、SafariOpera

定义和用法

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

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

  • input 元素中的文本值(非密码)

  • <textarea> 元素中的文本

  • 可编辑元素中的文本

HTML 4.01 与 HTML5 之间的差异

spellcheck 属性是 HTML5 中的新属性。

语法

复制代码
1
<element spellcheck="true|false">
登录后复制

属性值

描述
true对元素进行拼写和语法检查
false不检查元素。

html5的spellcheck属性(拼写、文法检查)

复制代码

不检测

div absolute testK

readonly="":

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!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.现代浏览器都支持以及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规定是否对元素进行拼写和语法检查的属性spellcheck的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是默默飞鸟最近收集整理的关于html5规定是否对元素进行拼写和语法检查的属性spellcheck的全部内容,更多相关html5规定是否对元素进行拼写和语法检查内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(106)

评论列表共有 0 条评论

立即
投稿
返回
顶部