关于HTML中input,textarea标签,如果输入框中含有数字和字母的时候出现红色的波浪线,解决方法。

原创 野人  2021-11-04 23:47  阅读 138 次
电费/话费9折起

这个问题,也是第一遇到,第一反应还以为是我写了相应的CSS样式导致的出现的红色波浪线,但是经过排查,已经把这个可能性给排除了。

所以,只能是浏览器自带的一些特性导致的,而这个Bug还很奇怪,竟然是输入框中同时含有数字和字母的时候,才会出现红色波浪线的,我也是醉了。

这要是没写ZBlog插件,估计真的没有注意到这个问题,不过好在借助了强大的搜索引擎,这个问题,解决了,竟然是浏览器默认会给输入框自带了一个spellcheck(拼写检查)属性。

而这个属性是HTML5 中的新属性,spellcheck有两个值,分别为truefalse,来设定是否对用户输入的内容进行拼写检查。

对于拼写检查结果的显示方法交给浏览器自己定义,比如我用的谷歌浏览器(大部分浏览器都)会在单词下面划出红色的波浪线,所以至此这个问题就解决了,我们只要在input,textarea标签上,加上spellcheck属性,然后值为false,就解决了,那么对应的代码就是:

<input spellcheck="false" value="aaa111" />

本文地址:https://www.yerenwz.com/5028.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论