溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html中onblur屬性的用法示例

發(fā)布時(shí)間：2021-03-01 11:26:29 來(lái)源：億速云 閱讀：588 作者：清風(fēng) 欄目：web開(kāi)發(fā)

這篇“html中onblur屬性的用法示例”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“html中onblur屬性的用法示例”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價(jià)值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過(guò)這篇文章有所收獲，下面讓我們一起來(lái)看看具體內(nèi)容吧。

html是什么

html的全稱為超文本標(biāo)記語(yǔ)言，它是一種標(biāo)記語(yǔ)言，包含了一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說(shuō)明文字，圖形、動(dòng)畫(huà)、聲音、表格、鏈接等，主要和css+js配合使用并構(gòu)建優(yōu)雅的前端網(wǎng)頁(yè)。

實(shí)例

當(dāng)用戶離開(kāi)輸入字段時(shí)對(duì)其進(jìn)行驗(yàn)證：

<input type="text" name="fname" id="fname" onblur="upperCase()">

瀏覽器支持

IE

Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支持 onblur 屬性。

定義和用法

onblur 屬性在元素失去焦點(diǎn)時(shí)觸發(fā)。

onblur 常用于表單驗(yàn)證代碼（例如用戶離開(kāi)表單字段）。

提示：onblur 屬性與 onfocus 屬性相反。

HTML 4.01 與 HTML5 之間的差異

無(wú)。

語(yǔ)法

<element onblur="script">

屬性值

值描述
scriptonblur 發(fā)生時(shí)運(yùn)行的腳本。

實(shí)例：

<!-- ------------------------------ -->
<!-- 文件范例：15-20.htm -->
<!-- 文件說(shuō)明：OnBlur事件 -->
<!-- onblur 是控件在失去焦點(diǎn)的時(shí)候觸發(fā)的事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnBlur事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1">
<input type="text" name="test2" value="test2" onBlur=alert("我失去了輸入焦點(diǎn)!")>
</Form>
</body>
</html>

感謝你的閱讀，希望你對(duì)“html中onblur屬性的用法示例”這一關(guān)鍵問(wèn)題有了一定的理解，具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過(guò)才能領(lǐng)會(huì)，快去試試吧，如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手