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.



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 :
<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>
<div id="container">
<h1>Send A Latter !</h1>
<form action="" method="post">
<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" />
1- Use With Your Own Hosting :

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


You Might Also Like !


Himanshu is a young engineer living in India. Currently working at Cognizant as a Senior Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: www.himstar.info : "Open Source. Millions of open minds can't be wrong!

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.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community

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