Handwritten Letter Style jQuery Mail Form

Hi friends, today I Am going to share a handwritten style mail form which must attract your visitor to send a mail to you. Mix of basic and intermediate CSS techniques to give the form the appearance of a letter mail, The form we are creating is styled with a lined background texture and a subtle shadow to give the impression like as a paper sheet. The title and form fields will be styled as digital text with a cursive font to give the appearance of a handwritten letter.

www.tricksway.com

 

Live Demo
 

The Code :

I Am sharing this form by two way :

1- Use With Our Hosting :
By using this code no need of hosting css and other files to server it's already hosted by me , just copy below code and apply on your html form code :
<html>
<head>
<link href="https://himstar.googlecode.com/files/hand%20style.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://himstar.googlecode.com/files/scripts.js"></script>
</head>
<body>
<div id="container">
<h1>Send A Latter !</h1>
<form action="" method="post">
<fieldset>
<label for="name">Name:</label>
<input type="text" id="name" name="name" />
<label for="email">Email:</label>
<input type="email" id="email" name="email" />
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>
<input type="submit" id="send" value="Send" />
</fieldset>
</form>
</div>
</body>
</html>
1- Use With Your Own Hosting :

If you have own hosting service download below code pack and host on your server.

Download

You Might Also Like !

 

* If this Helped you! Please take a Second to like and share it. *

Himanshu is young engineer living in India. Currently working in BOLD.com as UI Engineer. He is an ethical hacker & blogger too. Doing lot's of crazy stuff... If you seems interesting, go through portfolio: www.himstar.info

2 comments: On Handwritten Letter Style jQuery Mail Form

  • Surprisingly revealing many many thanks, I do think your readers may well want further blog posts such as this carry on the excellent operate.

Leave a reply:

Your email address will not be published.

Sliding Sidebar

We have 20,000+ active geeks


We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page