首页 > JS专栏 > Javascript自动复制一个文本框内容到另一文本框
2015
06-15

Javascript自动复制一个文本框内容到另一文本框

今天在写一个注册表单的时候,需要到以下功能:用户在输入手机号码之后,表单要自动把手机号码复制到邮箱的文本框里,然后用户再选择下邮箱后缀即可,这样有利于提高用户体验。经过强大的BD搜索,终于用JS实现这个功能。

代码如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Javascript自动复制一个文本框内容到另一文本框</title>
<script type="text/javascript">
function enfocus()
{
   document.forms[0].copy.value = document.forms[0].data.value
   setTimeout("enblur()", 500)
}
function enblur()
{
   setTimeout("enfocus()", 5)
}
</script>
</head>
<body onload="enblur()">
<center><form>
在这里输入内容: <input type="text" size="40" name="data"><br>
自动复制内容: <input type="text" size="40" name="copy"><br>
</form></center></body>
</html>