input框选中时如何不出灰框_给input文本框添加灰色提示文字,三种方法.

1.这个是HTML5的属性. h5的好简单....

placeholder="这里输入文字"

2.HTML的:

value="你的提示文字" onFocus="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999999"

3.度娘的JS方法:

js提示文字

input {

width: 200px;

height: 24px;

line-height: 24px;

border: 1px solid #999;

background: #ccc;

margin: 15px 0 0 100px;

padding: 4px;

color: #666;

}

.current {

background: #E0FEE4;

border: 1px solid #093;

}

var aInp = document.getElementsByTagName('input');

var i = 0;

var sArray = [];

for (i = 0; i < aInp.length; i++) {

aInp[i].index = i;

sArray.push(aInp[i].value);

aInp[i].onfocus = function() {

if (sArray[this.index] == aInp[this.index].value) {

aInp[this.index].value = '';

}

aInp[this.index].className = 'current';

};

aInp[i].onblur = function() {

if (aInp[this.index].value == '') {

aInp[this.index].value = sArray[this.index];

}

aInp[this.index].className = '';

};

}