首頁技術文章正文

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+前端開發(fā)課程

分享到：
在線咨詢 我要報名
和我們在線交談！