<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="width:600px;margin:0 auto;"> <input id="i1" onfocus="Focus();" onblur="Blur();" type="text" value="请输入关键字"> <input type="text" placeholder="请输入关键字"> </div> <script> function Focus(){ var tag=document.getElementById('i1'); var val=tag.value; if(val=='请输入关键字'){ tag.value=''; } } function Blur(){ var tag=document.getElementById('i1'); var val=tag.value; if(val.length==0){ tag.value='请输入关键字'; } } </script> </body> </html>
HTML 请输入关键字的搜索框，功能：输入时：框内的请输入关键字消失，鼠标移开时 框内的请输入关键字又重现
猜你喜欢
转载自blog.csdn.net/beifangdefengchuilai/article/details/80527624
今日推荐
周排行