onblur и onfocus Справка - Javascript function alternative

Question

Я хотел бы знать, как я заменил бы свой HTML-код onblur/onfocus функцией Javascript, а также выполнил бы ту же технику для опции выбора.

Пример кода:

<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

Если вы не строго вынуждены поддерживать старые браузеры в таких второстепенных элементах пользовательского интерфейса, я бы рекомендовал использовать HTML5 атрибут замещающего входного тега:

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