카테고리 없음
input폼 선택시 배경색을 지정하자! [폼-배경]
갓리버리
2014. 1. 24. 13:46
<script>
// 원하는 포커스 배경
focusColor.color = '#ffcccc'; // 설정하지 않았을때 포커스배경색
function focusColor(objElm,strColor)
{
focusColor.oldcolor = objElm.style.backgroundColor;
objElm.style.backgroundColor = strColor || focusColor.color;
}
function blurColor(objElm)
{
objElm.style.backgroundColor = focusColor.oldcolor;
}
</script>
<form>
<input type="text" ="focusColor(this)" ="blurColor(this)" /> <br />
<input type="text" ="focusColor(this,'#99ccff')" ="blurColor(this)" /> <br />
<input type="text" ="focusColor(this,'#00cc00')" ="blurColor(this)" /> <br />
</form>
// 원하는 포커스 배경
focusColor.color = '#ffcccc'; // 설정하지 않았을때 포커스배경색
function focusColor(objElm,strColor)
{
focusColor.oldcolor = objElm.style.backgroundColor;
objElm.style.backgroundColor = strColor || focusColor.color;
}
function blurColor(objElm)
{
objElm.style.backgroundColor = focusColor.oldcolor;
}
</script>
<form>
<input type="text" ="focusColor(this)" ="blurColor(this)" /> <br />
<input type="text" ="focusColor(this,'#99ccff')" ="blurColor(this)" /> <br />
<input type="text" ="focusColor(this,'#00cc00')" ="blurColor(this)" /> <br />
</form>