<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[點擊 input 文字框內之預設文字時就移除預設文字的方法]]> apao <apao@www.apao.idv.tw> Tue, 28 May 2019 06:04:16 +0000 https://blog.apao.idv.tw/post// ▼加在一般 html 方法，以下的「輸入內容」要同時輸入兩邊。
說明：使用onfocus 事件，檢查value的內容，如果是初始內容，就將內容清空
<input type="text" value="輸入內容" onfocus="javascript:if(this.value=='輸入內容')this.value='';">

▼DEMO try it：

  
  


▼加在HTML5 的方法
說明：輸入文字時，預設文字才會消失。
<input id="email" type="text" placeholder="輸入內容" size="22" />

▼DEMO try it：

  
  

Tags - , , , , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] 點擊 input 文字框內之預設文字時就移除預設文字的方法]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment