AngularJS placeholder support, no jQuery. Does not create a new input element to avoid losing ng-model binding issues.

placeholder.directive.js

(function() {
    'use strict';
    var n = 0;

    angular.module('testApp')
        .directive('placeholder', ['$timeout', '$document',
            function($timeout, $document) {
                var i = document.createElement('input');
                if ('placeholder' in i) {
                    return {}
                }

                return {
                    restrict: 'EA',
                    link: function(scope, element, attrs) {
                        if (attrs.shimmed) return;

                        var id = attrs.placeholder.toLowerCase().replace(/ /g, '-') + n++;
                        var label = angular.element('<label style="font-size: 1em; color: rgb(186, 186, 186); position: absolute;" for="' + id + '">' + attrs.placeholder + '</label>');

                        element.attr('id', id).attr('shimmed', true).blur(update).focus(update).change(update).keydown(update).keyup(update);

                        $timeout(function() {
                        	var pos = element.offset();
                            $document.find('body').eq(0).append(label);
                            label.css({
                            	top: pos.top + 7,
                            	left: pos.left + 13
                            });
                        });

                        scope.$on('$destroy', function(){
                        	label.remove();
                        });

                        function update() {
                            if (element.val())
                                label.hide();
                            else {
                                label.show();
                            }
                        }
                    }
                };
            }
        ]);
})();