今天在做网页注册的时候,需要做在注册页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>
这个代码挺实用的,所以分享出来,做表单的朋友拿走不谢!
如果内容有帮助,就点个赞吧!