JS点击文本框改变背景颜色

最新推荐文章于 2024-04-17 23:32:22 发布

kiss_scarecrow

最新推荐文章于 2024-04-17 23:32:22 发布

阅读量2.3k

点赞数 3

分类专栏： JavaScript html 文章标签： JavaScript HTML CSS 交互设计事件处理

本文链接：https://blog.csdn.net/kiss_scarecrow/article/details/109253677

版权

html 同时被 2 个专栏收录

16 篇文章 4 订阅

订阅专栏

JavaScript

5 篇文章 1 订阅

订阅专栏

代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>文本框获焦点改变背景颜色</title>
	</head>
	<body>
		<table align="center"width="337" height="204"border=()>
		<tr>
			<td width="108">用户名</td>
		<td width="213"><form name="form1"method="post"action="">
			<input type="text"name="textfield"onfocus="txtfocus()"onBlur="txtblur()">
		</form></td>
		</tr>
		<tr>
			<td >密码</td>
		<td ><form name="form2"method="post"action="">
			<input type="text"name="textfield2"onfocus="txtfocus()"onBlur="txtblur()">
		</form></td>
		</tr>
		<tr>
			<td >真实姓名</td>
		<td ><form name="form3"method="post"action="">
			<input type="text"name="textfield3"onfocus="txtfocus()"onBlur="txtblur()">
		</form></td>
		</tr>
		<tr>
			<td >性别</td>
		<td ><form name="form4"method="post"action="">
			<input type="text"name="textfield5"onfocus="txtfocus()"onBlur="txtblur()">
		</form></td>
		</tr>
		<tr>
			<td >邮箱</td>
		<td ><form name="form5"method="post"action="">
			<input type="text"name="textfield4"onfocus="txtfocus()"onBlur="txtblur()">
		</form></td>
		</tr>
		</table>
		<script language="JavaScript">
			<!--
			function txtfocus(event){
				var e=window.event;
				var obj=e.srcElement;
				obj.style.background="#FF9966";
			}
			function txtblur(event){
				var e=window.event;
				var obj=e.srcElement;
				obj.style.background="#FFFFFF";
			}
			//-->
		</script>
		
	</body>
</html>

结果如图：

kiss_scarecrow

关注

3
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
JS点击文本框改变背景颜色

代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>文本框获焦点改变背景颜色</title> </head> <body> <table align="center"width="337" height="204"border=()> <tr> <td width="108
复制链接

扫一扫

专栏目录