html中的onfocus和onblur是什么屬性？怎么使用？本篇文章就給大家介紹onfocus屬性和onblur屬性是什么，讓大家了解onfocus屬性和onblur屬性的簡單用法。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。

首先我們要知道onfocus和onblur都是html的事件屬性，接下來簡單介紹一下這兩個屬性。

1、onfocus事件屬性

onfocus 屬性在元素獲得焦點時被觸發，即：獲得焦點事件；常用于 、 以及 標簽中。

注：onfocus 屬性不適合用于以下元素中使用：、、
、、、、、、

2、onblur事件屬性

onblur 屬性在元素失去焦點時觸發，即：失去焦點事件；常用于表單驗證代碼(例如用戶離開表單字段)中。

說明：

1、onfocus 屬性與 onblur 屬性是相反的。

2、所有主流瀏覽器都支持 onfocus 屬性和 onblur 屬性。

下面我們通過簡單的代碼示例來介紹onfocus 屬性和 onblur 屬性的用法。

html onfocus 事件屬性的用法

代碼示例：當輸入字段獲得焦點時觸發函數。此函數改變輸入字段的背景色(黃色)

當輸入字段獲得焦點時觸發函數。此函數改變輸入字段的背景色。

用戶名:
密???碼:

效果圖：

html onblur 事件屬性的用法

代碼示例：當用戶離開輸入字段時對其進行驗證：小寫字母轉大寫

請輸入您的姓名，然后把焦點移動到字段外：

用戶名(英文字符)：

效果圖：

總結：以上就是本篇文章所介紹的html onfocus和onblur事件屬性的全部內容，大家可以自己動手編譯試試，加深理解，希望能對大家的學習有所幫助。

總結

以上是生活随笔為你收集整理的html中onblur属性,html中的onfocus和onblur是什么属性？怎么使用？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。