Naveen Kumar Kaushik

Naveen Kumar Kaushik

  • NA
  • 421
  • 67.3k

How to submit Html Form Data In sql Server?

Mar 23 2013 6:40 AM
I want to submit my html form data to Sql server database or I could  send this data to on My Email Id  as well........
pls tell me i need to do this work......

<html>
<head>
<style type="text/css">

.design{

    border:1.5px solid #3267cd;
    padding:9px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius: 12px;
    font-size:15px;
    font-weight:bold;
    color: #333;
    }

.button_example{
border:1px solid #495267;-webkit-box-shadow: #4C9DB5 0px 2px 2px  ;-moz-box-shadow: #4C9DB5 0px 2px 2px ; box-shadow: #4C9DB5 0px 2px 2px  ; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 12px;width:120px;font-size:18px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-shadow: 3px 3px 0 rgba(19,20,20,0.3);font-weight:bold; text-align: center; color: #DEF2FF; background-color: 3267cd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#abd4f2), to(#3267cd));
 background-image: -webkit-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -moz-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -ms-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -o-linear-gradient(top, #abd4f2, #3267cd);
 background-image: linear-gradient(to bottom, #abd4f2, #3267cd); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#abd4f2, endColorstr=#3267cd);
}

.button_example:hover{
 border:1px solid #363d4c; background-color: #4B546A;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4B546A), top(#2c354b));
 background-image: -webkit-linear-gradient(top, #4B546A, #2c354b);
 background-image: -moz-linear-gradient(top, #4B546A, #2c354b);
 background-image: -ms-linear-gradient(top, #4B546A, #2c354b);
 background-image: -o-linear-gradient(top, #4B546A, #2c354b);
 background-image: linear-gradient(to bottom, #4B546A, #2c354b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4B546A, endColorstr=#2c354b);
}



.button_example1{
border:2px solid #495267;-webkit-box-shadow: #4C9DB5 0px 2px 2px  ;-moz-box-shadow: #4C9DB5 0px 2px 2px ; box-shadow: #4C9DB5 0px 2px 2px  ; -webkit-border-radius: 12px; -moz-border-radius: 12px;border-radius: 5px;width:277px;font-size:29px;font-family:arial, helvetica, sans-serif; padding: 5px 5px 5px 5px; text-shadow: 3px 3px 0 rgba(19,20,20,0.3);font-weight:bold; text-align: center; color: #DEF2FF; background-color:3267cd;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#abd4f2), to(#3267cd));
 background-image: -webkit-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -moz-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -ms-linear-gradient(top, #abd4f2, #3267cd);
 background-image: -o-linear-gradient(top, #abd4f2, #3267cd);
 background-image: linear-gradient(to bottom, #abd4f2, #3267cd); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#abd4f2, endColorstr=#3267cd);
}
<!--
.button_example2:hover{
 border:1px solid #363d4c; background-color: #4B546A;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#4B546A), top(#2c354b));
 background-image: -webkit-linear-gradient(top, #4B546A, #2c354b);
 background-image: -moz-linear-gradient(top, #4B546A, #2c354b);
 background-image: -ms-linear-gradient(top, #4B546A, #2c354b);
 background-image: -o-linear-gradient(top, #4B546A, #2c354b);
 background-image: linear-gradient(to bottom, #4B546A, #2c354b);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4B546A, endColorstr=#2c354b);
}-->
</style>

<title>    Enquiry Form </title>
</head>

<body >
<div align="center">

<table align="center" border="2px" width="22%" bgcolor="BFBABC" style="border-radius:10px 10px 10px">
<tr height="60px" ><th><font size="20%" color="silver"><input type="button" class="button_example1" value="Enquiry" /></font></th></tr>
<tr align="center" style = "padding : 0px" > <td>
<form ></br>
<input class="design" type="text" placeholder="Name" size="30%" maxlength="30" style="padding-top:8px; background-color:white"></br></br>
<input class="design" type="text" placeholder="Course" size="30%" maxlength="30" style="padding-top:8px; background-color:white"></br></br>
<input class="design" type="text" placeholder="Email" size="30%" maxlength="254" style="padding-top:8px; background-color:white"></br></br>
<input class="design" type="text" placeholder="Mobile" size="30%" maxlength="10" style="padding-top:8px; background-color:white"></br></br>
<textarea class="design" name="query_message" cols="26" rows="2" placeholder="Message" maxlength ="300" style="background-color:white"></textarea></br></br>
<!--<input type="submit" value="Submit" style="height: 35px; width: 140px;background-color:gold;">-->
<input  type="button" class="button_example" value="Submit" />
</form></td>
</tr>

</table>
</div>
</body>

</html>