Thursday, 17 November 2016

Create HTML Form

Create HTML Form


Create HTML Form
Add caption











<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Contact US</title>

<!-- Latest compiled and minified CSS -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


<!-- Optional theme -->

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">


<!-- Latest compiled and minified JavaScript -->

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</head>


<body>

<div class="col-xs-6 col-xs-offset-3" style="margin-top:5%; border:1px solid #000; box-shadow:2px 2px 2px #000; padding:5%">

<h2 align="center">Contact Now</h2>

<form name="Contact-Us" method="get" action="">

<table class="table table-condensed">

    <tr>

        <th><label>Name</label></th>

        <td><input type="text" class="form-control"></td>

        </tr>

        <tr>

        <th><label>Contact No.</label></th>

        <td><input type="text" class="form-control"></td>

        </tr>

        <tr>

        <th><label>Email</label></th>

        <td><input type="email"  class="form-control"></td>

        </tr>

        <tr>

        <td colspan="2" align="center"><input type="submit" class="btn btn-success" value="Contact Now"></td>

        </tr>

        

    </table>

</form>


</body>

</html>


SHARE THIS

Author:

Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.

0 comments: