CSS美化的漂亮搜索框

我要搜索

搜索

var $ = function(id){return document.getElementById(id);}

var formSubmit = function(id){

document.forms[id].submit();

return false;

}

var tip = function(q, for_q){

q = $(q);

for_q = $(for_q);

q.onfocus = function(){

for_q.style.display = 'none';

q.style.backgroundPosition = "right -17px";

}

q.onblur = function(){

if(!this.value) for_q.style.display = 'block';

q.style.backgroundPosition = "right 0";

}

for_q.onclick = function(){

this.style.display = 'none';

q.focus();

}

};

tip('keyword','for-keyword');

總結

以上是生活随笔為你收集整理的html5搜索框美化,CSS美化的漂亮搜索框的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。