输入框提示

chqm120

于 2013-09-23 21:39:10 发布

阅读量507

点赞数

本文链接：https://blog.csdn.net/chqm120/article/details/11951843

版权

<!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>
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<style type="text/css"> 
    .holding{position:relative; z-index:0;}
    .holding .holder {
    line-height: 28px;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 8px;
    white-space: nowrap;
    cursor: text;
    color: #999;
    -webkit-transition: opacity .1s,font-size .1s;
    -moz-transition: opacity .1s,font-size .1s;
    -o-transition: opacity .1s,font-size .1s;
    z-index:1;
    }
    .hasome input {
    color:#999;
    }
    .hasome .holder {
    opacity:0;
    filter:alpha(opacity=0);
    font-size:0!important;
    }
	.aa{
	background-color:rgb(190, 184, 184);
	}
</style> 
</head>
<body >
    <div class="holding name">
    <input type="text" name="user[name]" value="" maxlength="20" />
    <span class="holder">Full name</span>
    </div>
	aa:<Script Language="javascript">
function borderColor(){
$('#oText').addClass("aa")
}
function clearTimeout(){
$('#oText').removeClass("aa")
}
</Script>
<input type="text" id="oText"  οnfοcus="borderColor(this);" οnblur="clearTimeout();" size="10">j:


dsakdha:
<script for="T" event="onkeyup">
if(value.length==3)document.all[event.srcElement.sourceIndex+1].select();
</script>
<script for="T" event="onkeyup">if(value.length==maxLength)document.all[event.srcElement.sourceIndex+1].focus();</script>
<script for="T" event="onfocus">select();</script>
<script for="Submit" event="onclick">
var sn=new Array();
for(i=0;i<T.length;i++)
sn=T.value;
alert(sn.join("—"));
</script>
<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">—<input name="T" size="5" maxlength="3">
<input type="submit" name="Submit"></body>
</html>
<script type="text/javascript"> 
    $(document).ready(function() {
    $(".holding input").keydown(function() {
    $(this).parent().addClass("hasome");
	$(this).addClass("aa")
    }),
    $(".holding input").blur(function() {
    $.trim($(this).val()) == "" && $(this).parent().removeClass("hasome");
	$(this).removeClass("aa")
    }),
    $(".holding .holder").click(function() {
    $(this).prev().focus()
    })
    })
</script>