请问用html+css+js怎么实现在搜索框中加一个清除按钮? 20
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="GB2312">
<title></title>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
<input id="text" type="text" />
<span id="ccc" style="display: none;">X</span>
<script type="text/javascript">
var text = $('#text');
var ccc = $('#ccc');
text.focus(function(){
ccc.show();//文本框获得据点显示X
});
ccc.click(function(){
text.val('');//清空
ccc.hide();//隐藏x
})
</script>
</body>
</html>
<html>
<head>
<meta charset="GB2312">
<title></title>
<script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
</head>
<body>
<input id="text" type="text" />
<span id="ccc" style="display: none;">X</span>
<script type="text/javascript">
var text = $('#text');
var ccc = $('#ccc');
text.focus(function(){
ccc.show();//文本框获得据点显示X
});
ccc.click(function(){
text.val('');//清空
ccc.hide();//隐藏x
})
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询