首页 > 代码库 > js与jQuery
js与jQuery
在做网站搜索时,我们往往会想到一种很人性化的一点,就是显示提示文字,一般这种效果很多见的,通俗的讲就是鼠标不放上的时候,显示一个“请输入文字”,鼠标放上去的时候,这个文字消失,用js的理解的话,就是鼠标获得焦点的时候更换input的value值,好了,这种效果的代码写法有很多种,大家先看代码:
方法一:一行js代码搞定
<input type="text" name="s" value="提示文字" onfocus="if (value =http://www.mamicode.com/=‘提示文字‘){value =http://www.mamicode.com/‘‘}" onblur="if (value =http://www.mamicode.com/=‘‘){value=http://www.mamicode.com/‘提示文字‘}" />
方法二:一段简单的jquery搞定 先上html的form的代码
<form action="" method="post">
<input type="text" name="keyword" id="keyword" value="请输入关键词!"/>
<input type="submit" name="submit" value="提交"/>
</form>
再是jquery的代码:
$(document).ready(function() {
//搜索框
$(‘#keyword‘).focus(function() {
if($(this).val() == ‘请输入关键词!‘) {
$(this).val("");
}
});
$(‘#keyword‘).blur(function(){
if($(this).val() == "") {
$(this).val(‘请输入关键词!‘);
}
});
});
(转载) http://www.9958.pw/post/js_search_input_title
js与jQuery
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。