这个问题,也是第一遇到,第一反应还以为是我写了相应的CSS样式导致的出现的红色波浪线,但是经过排查,已经把这个可能性给排除了。
所以,只能是浏览器自带的一些特性导致的,而这个Bug还很奇怪,竟然是输入框中同时含有数字和字母的时候,才会出现红色波浪线的,我也是醉了。
这要是没写ZBlog插件,估计真的没有注意到这个问题,不过好在借助了强大的搜索引擎,这个问题,解决了,竟然是浏览器默认会给输入框自带了一个spellcheck
(拼写检查)属性。
而这个属性是HTML5 中的新属性,spellcheck
有两个值,分别为true
和false
,来设定是否对用户输入的内容进行拼写检查。
对于拼写检查结果的显示方法交给浏览器自己定义,比如我用的谷歌浏览器(大部分浏览器都)会在单词下面划出红色的波浪线,所以至此这个问题就解决了,我们只要在input,textarea标签上,加上spellcheck
属性,然后值为false
,就解决了,那么对应的代码就是:
<input spellcheck="false" value="aaa111" />