手记

【前端小贴士】使用spellcheck属性解决问题

我们经常会遇到一些可编辑文本内容中显示红色下划波浪线,类似于word文档中错误单词的拼写检查,使得该标签内容很不美观。那么如何关闭textarea等可编辑文本字段的拼写检查呢?这里,我们可以通过一个HTML 5 全局属性spellcheck来解决禁用拼写检查的功能

spellcheck属性是HTML5 规范的一部分,它添加了对输入、textarea 元素和可编辑文本字段的拼写检查。主要针对一些无法识别的词语提供熟悉的红色波形曲线。

spellcheck属性仅 textarea、input(非密码) 元素或者标记为 contentEditable 的元素并且支持HTML5的浏览器有效。语法如下:

<input type="text" spellcheck="value">
<textarea spellcheck="value">
<div contenteditable="true" spellcheck="value"></div>

spellcheck属性有以下value可用:

true    //该字段应用拼写检查。
false   //不应用拼写检查
none    //如果属性缺失,则从父元素继承拼写检查。 

【小白引导篇】
spellcheck 是什么?

  • 定义和用法

spellcheck 属性规定是否对元素进行拼写和语法检查。
可以对以下内容进行拼写检查:
input 元素中的文本值(非密码)
<textarea> 元素中的文本

  • 可编辑元素中的文本

更多问题,欢迎大家探讨和补充。谢谢阅读。

1人推荐
随时随地看视频
慕课网APP