输入qq号同步输入qq邮箱,两个input框同步输入

今天在做网页注册的时候,需要做在注册页input输入框中填写QQ号码的时候,另外一个input输入框同步输入QQ邮箱;研究了一下只要给第一个input框加上一个JavaScript代码就可以了。具体看下面的演示。

具体实现代码:

<html>
<head>
<title>同步输入</title>
</head>
<body>
<form name="form1" method="post" action="" style="text-align:center;">
  <div width="400px" >    
        <span style="color:red;">* </span><span>Q Q:</span>
    <input name="qqh" type="text" id="qqh" onkeyup="javascript:document.form1.email.value=document.form1.qqh.value+'@qq.com';">    
        <span style="color:red;">* </span><span>邮箱:</span>
    <input name="email" type="text" id="email">    
  </div>
</form>
</body>
</html>

这个代码挺实用的,所以分享出来,做表单的朋友拿走不谢!


如果内容有帮助,就点个赞吧!

转载注明出处:http://www.12564.cn/show-43.html

如有疑问请联系 QQ:644233191   微信:zw1688k