onblur和onfocus帮助-Javascript函数替代方案

我想知道如何用Javascript函数替换onblur/onfocus HTML代码，并对select选项执行相同的技术

代码示例：

<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>

*名字：
*你是怎么听说我们的：
挑选
AMPdj
宾
谷歌
过去函数
推荐
叫喊
其他

谢谢，

---

Scott

如果您没有严格要求在这些次要ui元素中支持旧浏览器，我建议您使用输入标记的HTML5占位符属性：

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

您为什么不使用占位符属性而不是编写JavaScript来执行此操作？我刚刚尝试使用占位符属性，但它的执行方式与上面的代码不同…抱歉，我有点慢。。。如果我使用占位符属性，那么它将执行与我的原始代码相同的任务？我不确定它是如何在css或使用javascript中编码的，但占位符属性的执行与上面的onfocus和onblur事件不同…看起来您的浏览器不支持占位符元素。您可以考虑使用占位符和JavaScript的一些高级技术来优雅降级，但对我来说，您可以将解决方案留给OnBurr/OnC聚焦事件——这将是最简单的一个。谢谢您的评论，我已经成功地使用JavaScript函数对OnBurr和OnfCoS事件进行编码。非常感谢所有评论。谢谢