zoukankan      html  css  js  c++  java
  • html5的spellcheck属性(拼写、文法检查)

     1 <!DOCTYPE html> 
     2 <html> 
     3 <head> 
     4 <meta charset="utf-8" /> 
     5 <title>spellcheck属性的使用</title> 
     6 </head> 
     7 <body> 
     8 <style>
     9 .ac{border:1px solid #ff7300;width:200px;height:100px;}
    10 </style>
    11 <pre>
    12 1.<b>输入完某个单词后,进行按空格键,就可以看到这是不是错误的单词了。</b>
    13 2.spellcheck="true"、'false'、"",值为true和""时,代表检查。。
    14 【空字符串为什么检查:就跟input其他属性一样,你设置个readonly就是只读( readonly=""),再加个值描述的更准确。】
    15 3.使用场合:
    16    1.类型为text型的input元素,但input类型为text型的input元素,但input="password"不行(原因:你是密码哎,都是星号还检查个啥玩意,密码本身就是不同字母组合而出的)。
    17    2.textarea元素
    18    3.spellcheck属性,html5中的所有元素都可以指定,对于不是输入栏的元素,须指定contenteditable="true" 编辑属性,才能使用。(如div什么的。)
    19 4.现代浏览器都支持以及IE10   
    20 </pre>
    21 
    22 <p>检测<textarea spellcheck="true" >absolute testK</textarea> </p> 
    23 <p>不检测 <textarea spellcheck="false"></textarea> </p> 
    24 <div contenteditable="true" spellcheck class="ac">div absolute testK</div>
    25 <p>readonly="":<input readonly=""/></p>
    26 <p><input type="password" spellcheck="true"/></p>
    27 </body> 
    28 </html> 
  • 相关阅读:
    Linux用户和用户组管理
    Linux系统概述
    Linux LVM 配置
    linux too many open files 问题总结
    tidb初体验
    kafka配置内外网访问
    使用docker快速安装软件
    一次ssh不能登陆问题
    kubernetes集群证书更新
    istio之envoy常见术语及状态码
  • 原文地址:https://www.cnblogs.com/yuzhongwusan/p/4720406.html
Copyright © 2011-2022 走看看