首頁技術(shù)文章正文

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

更新時(shí)間:2021-04-16 來源:黑馬程序員 瀏覽量:

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

spellcheck屬性主要針對于Input元素和textarea文本輸入框,對用戶輸入的文本內(nèi)容進(jìn)行拼寫和語法檢查。spellcheck屬性有兩個(gè)值:true(默認(rèn)值)和false,值為true時(shí)檢測輸入框中的值,反之不檢測。

下面通過一個(gè)案例來做具體演示

<!Doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>spellcheck屬性的應(yīng)用</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>

運(yùn)行案例,當(dāng)鼠標(biāo)單擊兩個(gè)文本框后,效果如圖


1618559261568_spellcheck屬性.png

spellcheck屬性使用效果展示



猜你喜歡:

Html5 aside標(biāo)簽的用法和作用

HTML5結(jié)構(gòu)標(biāo)簽header的用法

nav標(biāo)簽怎么用?nav標(biāo)簽的有什么作用?

圖像標(biāo)簽基本特點(diǎn)和相關(guān)屬性

黑馬程序員HTML&JS+前端開發(fā)課程

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!