Question

Здраствуйте!

У меня проблема , в почтовой форме не корректно работает textarea, не работает value, необходимый текст появлется только после перехода на другое отделение , вот код дизайна:
 

<table border="0" style="margin-top:20px;" id="table1" cellspacing="0" cellpadding="0">
<tbody><tr><td><input type="text" name="f2" size="30" style="height:35px;width:390px;color:#5a5a5a;line-height:30px;  padding-left:10px;" value="Ваше имя" onfocus="if(this.value == 'Ваше имя'){this.value = ''}" onblur="if(this.value == ''){this.value = 'Ваше имя'}" maxlength="70"> </td></tr>
<tr><td><input type="text" name="f1" size="30" style="height:35px;width:390px;margin-top:8px;color:#5a5a5a;line-height:30px;  padding-left:10px;" value="Ваш Email" onfocus="if(this.value == 'Ваш Email'){this.value = ''}" onblur="if(this.value == ''){this.value = 'Ваш Email'}" maxlength="70"> </td></tr>
<tr><td><input type="text" name="f4" size="30" style="height:35px;width:390px;margin-top:8px;color:#5a5a5a;line-height:30px;  padding-left:10px;" value="Телефон" onfocus="if(this.value == 'Телефон'){this.value = ''}" onblur="if(this.value == ''){this.value = 'Телефон'}" maxlength="70"> </td></tr>
<tr><td><textarea rows="7" name="f5" cols="30" style="height:200px;width:390px;margin-top:8px;color:#5a5a5a;line-height:30px;  padding-left:10px;" value="Полное описание необходимых товаров или услуг" onfocus="if(this.value == 'Полное описание необходимых товаров или услуг'){this.value = ''}" onblur="if(this.value == ''){this.value = 'Полное описание необходимых товаров или услуг'}"></textarea></td></tr>
<tr><td><br><input type="submit" style="width:100%;height:45px;" value="Отправить заявку"></td></tr>
</tbody></table>

 

Answer 1

Попробуйте воспользоваться атрибутом placeholder

<textarea placeholder="текст">
</textarea>