网站地图    收藏   

主页 > 前端 > css教程 >

仿新浪微博输入效果 文本框 - html/css语言栏目:

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 作者:aolinks!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta......

作者:aolinks

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<style type="text/css">
.class{color:#ccc;}
.class_1{color:#000;}
</style>
<script language="javascript">
function $$(obj)
{
    return document.getElementById(obj);
}
var str_Tag="来这里写俩句吧";
function on()
{
if($$('ly').value=='' || $$('ly').value==str_Tag)
{
    $$('ly').innerText="";
    $$('ly').className="class";
}

}
function off()
{
if($$('ly').value=='')
{
    $$('ly').innerText=str_Tag;
    $$('ly').className="class";
}
else
$$('ly').className="class_1";
}

</script>
<body>
<textarea name="ly" id="ly" cols="" rows=""  onfocus="on();"   onchange="off();" class="class">来这里写俩句吧</textarea>
<input id="txtpws" type="text" class="class" onfocus="if(this.value=='来这里写俩句吧') {this.value='';this.className='class'}" onblur="if(!this.value){this.value='来这里写俩句吧';this.className='class';}" onkeydown="this.className='class_1';" value="来这里写俩句吧" style="width:200px;margin-top:5px;" size="28">
</body>
</html>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论