0

我想知道如何用 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>

谢谢，斯科特

4

1 回答 1

1

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

<input type="text" placeholder="(e.g. John)" />
于 2013-05-28T15:59:00.487 回答