html如何使用失去焦點屬性onblur
- 醉折花枝作酒筹原創
- 2021-04-12 18:11:005236瀏覽
在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影片教學
以上是html如何使用失去焦點屬性onblur的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：html如何引入js文件下一篇：html如何引入js文件