这篇博客探讨了网页中搜索框的交互设计，包括输入框默认值的处理，如`onfocus`和`onblur`事件的使用，以及自定义鼠标悬停提示功能的实现。示例代码展示了如何在用户聚焦和离开搜索框时动态改变输入框的内容，并通过`seashowtip`函数创建鼠标提示，调整其位置和显示效果。内容涉及到前端开发中的用户交互体验和JavaScript基础应用。
一、value="请输入你要搜索的关键词" οnfοcus="if (this.value=='请输入你要搜索的关键词') this.value='';"
二、value="请输入你要搜索的关键词" οnblur="if(this.value==''){this.value='请输入你要搜索的关键词'}" οnfοcus="this.value=''"
value="请输入你要搜索的关键词" οnfοcus="if (value =='请输入你要搜索的关键词'){value =''}" οnblur="if (value ==''){value='请输入你要搜索的关键词'}"
例：
鼠标提示function seashowtip(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){
my_tips.innerHTML=tips;
my_tips.style.display="";
my_tips.style.width=iwidth;
my_tips.style.left=event.clientX+10+document.body.scrollLeft;
my_tips.style.top=event.clientY+10+document.body.scrollTop;
}
else
{
my_tips.style.display="none";
}
}
body{font-size:12px}
用户名：
密 码：
验证码：
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
