首页技术文章正文

spellcheck属性的用法【H5全局属性】

更新时间:2021-04-16 来源:黑马程序员 浏览量:

全局属性是指在任何元素中都可以使用的属性,在HTML5中常用的全局属性有draggable、hidden、spellcheck和contenteditable,spellcheck属性。

spellcheck属性主要针对于Input元素和textarea文本输入框,对用户输入的文本内容进行拼写和语法检查。spellcheck属性有两个值:true(默认值)和false,值为true时检测输入框中的值,反之不检测。

下面通过一个案例来做具体演示

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>spellcheck属性的应用</title>
</head>
<body>
    <h3>输入框语法检测</h3>
    <p>spellcheck属性值为 true<br/>
        <textarea spellcheck="true">html5</textarea>
    </p>
    <p>spellcheck属性值为 false<br/>
        <textarea spellcheck="false">html5</textarea>
    </p>
</body>
</html>

运行案例,当鼠标单击两个文本框后,效果如图


1618559261568_spellcheck属性.png

spellcheck属性使用效果展示



猜你喜欢:

Html5 aside标签的用法和作用

HTML5结构标签header的用法

nav标签怎么用?nav标签的有什么作用?

图像标签基本特点和相关属性

黑马程序员HTML&JS+前端开发课程

分享到:
在线咨询 我要报名
和我们在线交谈!