H5以前要實作這個功能還要用到JS，H5出來以後新增長了placeholder屬性，有了這個屬性就就能輕松實作這個功能。post
定義和用法
placeholder 屬性提供可描述輸入字段預期值的提示資訊(hint)。this
該提示會在輸入字段為空時顯示，并會在字段得到焦點時消失。url
注釋：placeholder 屬性适用于如下的 類型：text, search, url, telephone, email 以及 password。(此處來自W3cSchool)3d
以上是H5實作的代碼。orm
οnkeydοwn="if (event.keyCode==13) {}" οnblur="if(this.value=='')value='請輸入您要搜尋的關鍵字';"
οnfοcus="if(this.value=='請輸入您要搜尋的關鍵字')value='';" />
以上是H5以前的實作方式blog
輸入前的效果input
輸入後的效果it