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 元素中的文本值（非密码）
元素中的文本</p></li><li><p>可编辑元素中的文本</p></li></ul><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">HTML 4.01 与 <a href="http://www.php.cn/wiki/1118.html" target="_blank">HTML5</a> 之间的差异</p><p>spellcheck 属性是 HTML5 中的新属性。</p><p style="margin: 0px; padding: 0px; border: 0px; font-size: 18px; color: rgb(63, 63, 63); font-family: 微软雅黑; white-space: normal; background-color: rgb(253, 252, 248);">语法</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element spellcheck="true|false"></pre><div class="contentsignin">登录后复制</div></div><p style="margin: 25px 0px 0px; padding: 0px; border: 0px; font-size: 16px; color: rgb(0, 0, 0); font-family: PingFangSC-Regular, Verdana, Arial, 微软雅黑, 宋体; white-space: normal; background-color: rgb(253, 252, 248);">属性值</p><table><tbody><tr class="firstRow"><td width="94" valign="top" style="word-break: break-all;">值</td><td width="1015" valign="top" style="word-break: break-all;">描述</td></tr><tr><td width="94" valign="top" style="word-break: break-all;">true</td><td width="1015" valign="top" style="word-break: break-all;">对元素进行拼写和语法检查</td></tr><tr><td width="94" valign="top" style="word-break: break-all;">false</td><td width="1015" valign="top" style="word-break: break-all;">不检查元素。</td></tr></tbody></table><p>html5的spellcheck属性（拼写、文法检查）</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!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"、'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

不检测

div absolute testK

readonly=""：

登录后复制

以上是html5规定是否对元素进行拼写和语法检查的属性spellcheck的详细内容。更多信息请关注PHP中文网其他相关文章！