首 页免费资源建站技术源码下载软件下载精品淘吧客户留言
用户登陆 | 用户注册
您当前的位置:笃志小屋建站技术特效代码文本特效 → 文章内容
当你在上面的文本框打字时,下面的文本框会自动显示你打的内容
作者:佚名  来源:不详  发布时间:2007-9-30 9:10:19

当你在上面的文本框打字时,下面的文本框会自动显示你打的内容



<!-- 要实现此效果需要 3 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<HEAD></HEAD>区域中: -->

<script LANGUAGE="Javascript">
function enfocus()
{
document.forms[0].Data.focus()
document.forms[0].Copy.value = document.forms[0].Data.value
setTimeout("enblur()", 500)
}


function enblur()
{
document.forms[0].Data.blur()
setTimeout("enfocus()", 5)
}

</script>



<!-- 第 2 步: -->
<!-- 把<BODY>中的属性代码改为: -->

<BODY onLoad="setTimeout('enblur()', 500)">



<!-- 第 3 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

当你在上面的文本框打字时,下面的文本框会自动 <i>显示</i>
你打的内容。<p>

<CENTER><FORM>
在这里打字: <INPUT TYPE="TEXT" SIZE=40 NAME="Data"><br>
回应显示: <INPUT TYPE="TEXT" SIZE=40 NAME="Copy"><br>
<INPUT TYPE="BUTTON" VALUE="清 除"
onClick="document.forms[0].Data.value=''">
</FORM></CENTER>
2007-9-30 9:10:19免费资源duzhi.net

[ ] [返回上一页] [打 印]

【笃志小屋duzhi.net】

  技术文章导航
  技术文章排行
  精彩推荐
Copyright www.duzhi.net All Right Reserved.
设计制作:翼迅设计室 Equick Desgin Home 在线QQ:303471038
网络备案号:冀ICP备06008201号 站长信箱:webmaster#duzhi.net(将#换为@)
本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件!