首页 > 代码库 > 字段的占位符文本
字段的占位符文本
<!doctype html><html> <head> <meta charset="utf-8"> <title>搜索框占位符文本</title> <style type="text/css">*{font-size:12px;}#switcher input{height:26px;width:200px;}.overlabel{position:raletive;}.overlabel label{position:absolute;top:16px;left:16px;} </style> <script src="./jquery.js"></script><script type="text/javascript">$(function(){ var $search=$("#search").addClass("overlabel");//虽然是给变量赋值，但是已经执行了，同时，其实执行完毕还是它本身 var $searchInput=$search.find("input"); var $searchLabel=$search.find("label"); if($searchInput.val()){ $searchLabel.hide(); } $searchInput.focus(function(){ $searchLabel.hide(); }) .blur(function(){ if($searchInput.val()==‘‘){ $searchLabel.show(); } }); $searchLabel.click(function(){ $searchInput.trigger("focus"); });});</script> </head> <body><div id="switcher"><form id="search" method="" action="" ><label>字段的占位符文本</label><input type="text" value="" id="txt" maxlength="150" name="txtname" /></div></body></html>
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。