Кроссбраузерный placeholder для IE и других

Вечные проблемы браузера IE для поддержки атрибута placeholder='текст внутри поля'
<script type='text/javascript' >
function place_focus(element,placeholder) {
 if(document.getElementById("inform")){
  element.value = (element.value == placeholder) ? '' : element.value;
  element.style.color = "#111111";
  }
}
 
function place_blur(element,placeholder) {
 if(document.getElementById("inform")){
  element.value = (element.value == '') ? placeholder : element.value
  element.style.color = "#999999";
  }
}
 
window.onload = function(){
setTimeout(function(){ 
if(document.getElementById("inform")){
  document.form.inform.focus();}},50);
 
setTimeout(function(){ 
if(document.getElementById("inform")){
  document.form.inform.blur();}},100);
}
</script>
<html>
<form action="" method="post" target="_blank" name="form">
<input id="inform" type="text" onfocus="place_focus(this,'текст внутри поля');" onblur="place_blur(this,'текст внутри поля');"  style="color: rgb(153, 153, 153);">
</form>
</html>
Рабочий пример на главной в разделе примерки нашей кнопки к вашему сайту
Дата: 2012-07-22
Теги: IE, placeholder, input, html, javascript
Редактировать