Question

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

谢谢，斯科特

Answer 1

如果你没有被严格强制支持这种小的ui元素中的旧浏览器，我建议使用输入标记的HTML5占位符属性：

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

onblur和onfocus帮助 - Javascript功能替代

1 个答案: