Placeholders i väntan på fullt stöd för html5

Jag har skrivit följande javascript som man kan använda sig av när placeholders är ett måste.

Javascript:

<script type="text/javascript">
<!--
var defInputColor = null;
window.onload = function() {
    findPlaceHolders('input');
    findPlaceHolders('textarea');
};
function findPlaceHolders(element) 
{
    el = document.getElementsByTagName(element);
    for(i=0; i < el.length; i++)
        createPlaceHolder(el[i]);
}
function createPlaceHolder(el) 
{
    var classValue = el.getAttribute('class');
    if(classValue == null)
        classValue = el.className;
    if(classValue != null && classValue.indexOf('placeholder') > -1) {
        if(defInputColor == '')
            defInputColor = el.style.color;
        parts = classValue.split('defval_');
        el.style.color = '#CCC';
        el.value = parts[1];
        el.onfocus = function() {
            this.style.color = defInputColor;
            parts = classValue.split('defval_');
            if(this.value == parts[1]) 
                this.value = '';
        };
        el.onblur = function() {
            parts = classValue.split('defval_');
            if(this.value == '' || this.value == parts[1]) {
                this.value = parts[1];
                this.style.color = '#CCC';
            }
        };
    }
}
-->
</script>

Exempel html:

<label title="Phone number">
  <p>
    <strong>Phone number</strong><br />
    <input type="text" name="phone" class="placeholder defval_090770901" />
  </p>
</label>
<label title="Message">
  <p>
    <strong>Message</strong><br />
    <textarea name="phone" class="placeholder defval_This is a placeholder..."></textarea>
  </p>
</label>