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

    html5的spellcheck属性

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="utf-8" /> 
    <title>spellcheck属性的使用</title> 
    </head> 
    <body> 
    <style>
    .ac{border:1px solid #ff7300;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>
    

      (文章来自转载)

  • 相关阅读:
    underscore.js,jquery.js源码阅读
    css3动画知识点
    ajax防止重复提交
    jquery data属性的使用
    文字换行
    vue的生命周期
    iphone与安卓的兼容性问题汇总
    python 上下文管理器
    form 校验
    常用的字段和字段参数
  • 原文地址:https://www.cnblogs.com/aliwa/p/9291125.html
Copyright © 2011-2022 走看看