Friday, June 12, 2015

HTML Contact Form

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
.title_form{font-size:16px; padding:10px; width:49%; margin-left:10px; margin-top:20px; float:left; border:1px solid #333;}
.title_form > form{width:100%; float:left;}
.title_form > form label {float: left;padding-left: 20px;padding-top: 10px;width: 208px;}
.career_area ul{width:100%; float:left; padding:10px;}
.career_area ul li{width:100%; float:left; line-height:1.5em;}
/*.123{width:100%; text-align:center; float:left;}*/

select {padding: 8px;width: 200px;}
button:hover{background:#f00;}
.title_form > h1 {background: #333 none repeat scroll 0 0;color: #fff;margin-bottom: 20px;}

.title_form input[type="submit"] {
    background: #666 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}
input{padding:10px;}
</style>
</head>

<body>


   <div class="title_form">
   <A NAME="top"></A>
   <h1>Apply for job</h1>
   <form method="post">
  <p> <label for="name">Name</label><input type="text" id="name" name="name" value="" placeholder="Your Name"  required></p>
<p><label for="tel">Contact Number</label><input type="tel" id="name" name="contact_number" value="" placeholder="9800098000" required></p>
<p><label for="email">Email Address </label><input type="email" id="name" name="email" value="" placeholder="abc@sample.com" required></p>        
<p> <label for="name">Apply for the post of :</label>
<select>
  <option value="volvo">PHP</option>
  <option value="saab">Web Designing</option>
  <option value="opel">Graphic Designing</option>
  <option value="audi">Mobile Apps</option>
</select>
</p>
<p><label for="attachment" class="123">Attach Resume </label><input type="file" id="name" value="abc@sample.com" required></p>
<p><label for="description" class="123">Description </label><input type="text" id="name" value="abc@sample.com" required></p>
 <p class="123"> <input type="Submit" name="submit" value="Submit"></p>
  
   </form>
  
   </div>
</body>
</html>

No comments:

Post a Comment