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 !


* Do you like this story? Then why not share it with your Friends *
If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to our regular Email Updates!

Himanshu is a young engineer living in India. Currently working at BOLD.com as UI Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seems interesting, go through 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.

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