KrishnaKumarGupta: How to Creat form style in html

<html>
<head>
<title></title>
<style>
body{font:90% Arial, Helvetica, sans-serif;
margin:20px;}
.wrap
{
    width:550px;
    height:510px;
    border:1px solid 000;
    background:pink;
    margin:0 auto;
    border-radius:10px;
}
label
{
    color:navy;
    float:left;
    width:8em;
    font-weight:bold;
    text-align:right;
}
input
{
    width:20em;
    margin-left:1em;
    margin-bottom:.5em;
}
#Submit
{
    border:2px solid navy;
    width:8em;
    margin-left:9.8em;
}
#Reset
{
    border:2px solid navy;
    width:5em;
}

</style>
</head>
<body>
<div class="wrap">
<fieldset>
<legend><i><b>A Simple Application Form</b></i></legend>
<h1><b><i><u>TechNode Computer Training Institute<i></u></b></h1>

</fieldset>
<fieldset>
<legend><i>TechNode Inc Kubernath Kushinagar Uttar-Pradesh(274304)</i></legend>
<label>First Name:</label>
<input type="text" name="firstname" id="firstname" autofocus><br>
<label>Last Name:</label>
<input type="text" name="lastname" id="lastname"><br>
<label>Address:</label>
<input type="text" name="address" id="address"><br>
<label>City:</label>
<input type="text" name="city" id="city "><br>
<label>State:</label>
<input type="text" name="state" id="state"><br>
<label>Zip Code:</label>
<input type="text" name="zipcode" id="zipcode"><br>
<label>Post:</label>
<input type="text" name="post" id="post"><br>
<label>Dist:</label>
<input type="text" name="dist" id="dist"><br>
<label>Contry:</label>
<input type="text" name="contry" id="contry"><br>
<label>Phone:</label>
<input type="text" name="phone" id="phone"><br>
<label>E-mail:</label>
<input type="text" name="email" id="email"><br>

<input type="submit" id="Submit"><input type="Reset" id="Reset">

</fieldset>
</div>
</body>
</html>

KrishnaKumarGupta

Sunday, 20 December 2015

How to Creat form style in html

No comments:

Post a Comment