[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Прочие модули (FAQ, Мини-чат, Почтовые формы, Опросы, Онлайн игры, Тесты) » Placeholder для почтовые формы в Internet explorer

Placeholder для почтовые формы в Internet explorer
[1] resident [03.05.2012, 15:23]
Хочется добавить в почтовой форме для тегов <input> и <textarea> атрибут Placeholder

Так выглядит сейчас почтовая форма
Code
<table border="0" width="100%" id="table1" cellspacing="1" cellpadding="2">
<tr><td width="35%">Имя отправителя <font color="red">*</font>:</td><td><input placeholder="Дмитрий" type="text" name="f4" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>E-mail отправителя:</td><td><input placeholder="e-mail@test.ru" type="text" name="f1" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>Адрес:</td><td><input type="text" name="f5" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Телефон <font color="red">*</font>:</td><td><input placeholder="8(905)2429994" type="text" name="f2" size="30" style="width:95%; color: #505050;" maxlength="70"> </td></tr>
<tr><td>Сообщение <font color="red">*</font>:</td><td><textarea onclick='if(this.value=="Мне нужно установить антивирус...") this.value=""'onblur='if(this.value=="") this.value="Мне нужно установить антивирус..."'  rows="7" name="f3" cols="30" style="width:95%; color: #505050;">Мне нужно установить антивирус...</textarea> </td></tr>
<tr><td colspan="2" align="center"><br /><input type="submit" value="Сделать заказ"></td></tr>
</table>


Везде работает кроме iexplorer. Нашел статью где описано, как можно это поправить.. хотя все ставил по инструкции ничего не получается.
http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html
хотя пример у них рабочий..

Помогите поставить этот скрипт..
[2] likbezz [03.05.2012, 18:17]
resident,
Quote (resident)
Помогите поставить этот скрипт..

Code
<style type="text/css">
.placeholder{color:#777;}
:-webkit-input-placeholder{color:#777;}
:-moz-placeholder{color:#777;}
</style>
<table border="0" width="100%" id="table1" cellspacing="1" cellpadding="2">
<tr><td width="35%">Имя отправителя <font color="red">*</font>:</td><td><input placeholder="Дмитрий" type="text" name="f4" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>E-mail отправителя:</td><td><input placeholder="e-mail@test.ru" type="text" name="f1" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Адрес:</td><td><input type="text" name="f5" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Телефон <font color="red">*</font>:</td><td><input placeholder="8(905)2429994" type="text" name="f2" size="30" style="width:95%;" maxlength="70"> </td></tr>
<tr><td>Сообщение <font color="red">*</font>:</td><td><textarea onclick='if(this.value=="Мне нужно установить антивирус...") this.value=""'onblur='if(this.value=="") this.value="Мне нужно установить антивирус..."'  rows="7" name="f3" cols="30" style="width:95%;">Мне нужно установить антивирус...</textarea> </td></tr>
<tr><td colspan="2" align="center"><br /><input type="submit" value="Сделать заказ"></td></tr>
</table>
<script type="text/javascript" src="http://likbezz.ru/_source/_libs/placeholder/jq.placeholder.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#table1 input[placeholder],#table1 textarea[placeholder]').placeholder();
})
</script>


jQuery-Placeholder — замещающийся текст для почтовой формы
[3] resident [03.05.2012, 20:20]
likbezz, спасибо. Очень благодарен!


Полная версия сайта