onblur和onfocus幫助-Javascript函數替代

Question

我想知道如何用Javascript函數替換onblur / onfocus HTML代碼，並對選擇選項執行相同的技術。

代碼示例：

<table>

<tr><td>

 <label  for="firstname">*Firstname:</label>
     <input type="text" name="udetail" id="firstname" value="(e.g. John)" 
     onblur="if(this.value == '') { this.style.color='#999'; this.value='(e.g. John)'} 
     {this.style.border='1px #bbb solid'}" onfocus="if (this.value == '(e.g. John)') 
     {this.style.color='#000'; this.value=''}" tabindex="1" />

 </td></tr>



  <tr><td>

     <label for="where">*How did you hear about us:</label>
 <select size="1" name="udetail" id="where" class="input"  
     tabindex="7" />
                                        <option value="blank">Select</option>                        
                                        <option value="ampdj">AMPdj</option>
                                        <option value="bing">Bing</option>
                                        <option value="google">Google</option>                  
                                        <option value="pastfunction">Past function</option>
                                        <option value="recomended">Recomended</option>
                                        <option value="yell">Yell</option>
                                        <option value="other">Other</option>                                            
  </select>                                                                                                                                    

  </td></tr>                      

  </table>

謝謝，斯科特

Answer 1

如果不嚴格要求您在此類次要ui元素中支持舊版瀏覽器，則建議您使用輸入標簽的HTML5占位符屬性：

<input type="text" placeholder="(e.g. John)" />