”,onblur 常用於Javascript驗證程式碼,一般用於表單輸入框。"/> ”,onblur 常用於Javascript驗證程式碼,一般用於表單輸入框。">

首頁 >web前端 >html教學 >html如何使用失去焦點屬性onblur

html如何使用失去焦點屬性onblur

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-04-12 18:11:005284瀏覽

在html中,onblur屬性在元素失去焦點時觸發。語法”,onblur 常用於Javascript驗證程式碼,一般用於表單輸入框。

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

onblur屬性在元素失去焦點時觸發。常用於表單驗證程式碼(例如使用者離開表單欄位)。

說明:

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

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

實例

當使用者離開輸入欄位時對其進行驗證:

<script>
function upperCase()
{
var x=document.getElementById("fname").value
document.getElementById("fname").value=x.toUpperCase()
}
</script>
</head>
<body>
<p>请输入您的姓名,然后把焦点移动到字段外:</p>
请输入您的姓名(英文字符):<input type="text" name="fname" id="fname" onblur="upperCase()">
</body>

html如何使用失去焦點屬性onblur

推薦學習:html影片教學

以上是html如何使用失去焦點屬性onblur的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn