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.
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.
You Might Also Like !
- Pure Css3 Smooth Sliding Sidebar Menu Html Code
- Awesome Image SlideShow Using jQuery
- What Is Cloud Computing Fact And Scope In India
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.