<!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" οnfοcus="Focus();" οnblur="Blur();" type="text" value="请输入关键字"> <input type="text" placeholder="请输入关键字"> </div> <script>functionFocus(){vartag=document.getElementById('i1');varval=tag.value;if(val=='请输入关键字'){tag.value=''; }}functionBlur(){vartag=document.getElementById('i1');varval=tag.value;if(val.length==0){tag.value='请输入关键字'; }}</script></body></html>
HTML 请输入关键字的搜索框 功能:输入时:框内的请输入关键字消失 鼠标移开时 框内的请输入关键字又重现