<!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> 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 請輸入關鍵字的搜索框,功能:輸入時:框內的請輸入關鍵字消失,鼠標移開時 框內的請輸入關鍵字又重現
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.