运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
<HTML>
3
<HEAD>
4
<TITLE>按钮与INPUT输入框互动</TITLE>
5
</HEAD>
6
<BODY>
7
<SCRIPT LANGUAGE="JavaScript">
8
<!-- Begin
9
function Menu1(form) {
10
form.TXTVal.value="这是第一个按钮的内容介绍";
11
   }
12
function Menu2(form) {
13
form.TXTVal.value="这是第二个按钮的内容介绍";
14
   }
15
function Menu3(form) {
16
form.TXTVal.value="这是第三个按钮的内容介绍";
17
   }
18
//  End -->
19
</script>
20
<form><input type="button" value="按钮一" onmouseover="Menu1(this.form);" onclick="javascript:alert('这是按钮一的警告信息')"><input type="button" value="按钮二" onmouseover="Menu2(this.form);" onclick="javascript:alert('这是按钮二的警告信息')"><input type="button" value="按钮三" onmouseover="Menu3(this.form);" onclick="javascript:alert('这是按钮三的警告信息')"><br><input type="text" name="TXTVal" size="30"></form>
21
</BODY>
22
</HTML>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
按钮与INPUT输入框互动的JS代码
分类
表单按钮
描述
按钮与INPUT输入框互动的JS代码,鼠标放在按钮上,即可看到文本框的文字发生变化,就像滑动门的效果一样,本例代码供大家学习参考。
收藏