17前端基础 - JavaScript之表单获取焦点及失去焦点

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_20042935/article/details/88352186

表单获取焦点及失去焦点

方法:

获取焦点方法: onfocus()
失去焦点方法: onblur()

效果图如下:
在这里插入图片描述

代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			function userNameOnFocus() {
				alert("用户名获取焦点");
			}

			function passOnBlur() {
				alert("密码失去焦点");
			}

			function login() {
				alert("登录");
			}
		</script>
	</head>

	<body>

		<table>
			<tr style="clear: both;">
				<td>用户名:</td>
				<td><input id="userName" onfocus="userNameOnFocus()"></td>
			</tr>
			<tr>
				<td>密码:</td>
				<td><input id="passWord" onblur="passOnBlur()"></td>
			</tr>
			<tr>
				<td colspan="2"><input type="submit" value="登陆" onclick="login()" /> </td>
			</tr>

		</table>

	</body>

</html>

猜你喜欢

转载自blog.csdn.net/qq_20042935/article/details/88352186