首页  >  文章  >  web前端  >  两个文本框同时输入的实现方法

两个文本框同时输入的实现方法

小云云
小云云原创
2018-02-02 11:52:542006浏览

本文主要为大家带来一篇实现两个文本框同时输入的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。

实例如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
</head>
<body>
<script language="javascript">
function copyob1toob2(){
  document.all["ob_text_2"].value=document.all["ob_text_1"].value
}
</script>
<input type="text" id="ob_text_1" size=20 onkeyup="copyob1toob2()">
<input type="text" id="ob_text_2" size=20>

</body>
</html>

相关推荐:

实时监控文本框输入字数详解

怎样做出HTML文本框只读效果

JavaScript实现文本框只能输入数字的方法介绍

以上是两个文本框同时输入的实现方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn