Enter event

by Alin Guta

HTML

<input type="text" value="Example: website and branding" id="last" name="last" class="fields" onFocus="if(this.value == 'Example: website and branding') {this.value = '';}" onBlur="if (this.value == '') {this.value = 'Example: website and branding';}" />

CSS

.fields {
	font: 22px 'Calibri';
	line-height:30px;
	position:relative;
	color: #999;
	background-color: #c2e7f7;
	border: 10px solid #fd8a64;
	width: 680px;
	overflow: auto;
	text-indent:15px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

JavaScript

$('input').bind('keypress', function(e) {
	if(e.keyCode==13){
        $('.fields').animate({
            'line-height': '50px'
        })
	}
});