<form action="#" method="get">
<input type="text" name="name" placeholder="Your Name"></input><br/>
<input type="text" name="email" placeholder="Your Email"></input><br/>
<input type="text" name="contact" placeholder="Your Mobile"></input><br/>
<input type="submit" name="submit" value="Submit"></input>
</form>

<?php
if( $_GET["name"] || $_GET["email"] || $_GET["contact"])
{
echo "Welcome: ". $_GET['name']. "<br />";
echo "Your Email is: ". $_GET["email"]. "<br />";
echo "Your Mobile No. is: ". $_GET["contact"];
}
?>

Above question string of data, generated by Get technique are often clear in address bar so, ne'er use Get technique for causation sensitive data to server.

One ought to avoid use of this technique to send binary knowledge like, pictures or Word Document file to the server.

 

>  POST technique

As explained on top of, before causation data to server, it converts client’s data into a question  string in computer address.

Client Side: Below code is Associate in Nursing markup language type with method=”post” for user to fill data.

<form action="#" method="post">
....
</form>

Server Side: Below code has PHP script wherever, $_POST associative array is employed to receive sent data at server finish.

<?php
if( $_POST["name"] || $_POST["email"] || $_POST["contact"])
{
echo "Welcome: ". $_POST['name']. "<br />";
echo "Your Email is: ". $_POST["email"]. "<br />";
echo "Your Mobile No. is: ". $_POST["contact"];
}
?>

Query string , generated by Post technique ne'er seems in address bar i.e. it's hidden for the user so, we will use this technique for causation sensitive data to server. Moreover, we will create use of this technique to send binary knowledge to the server with none restrictions to knowledge size.


In our example, we have a tendency to enable user to settle on {a technique|a way|a technique} via radio button and this price is appointed to form’s method attribute.

$("input[type=radio]").change(function(){
var method = $(this).val();
$("#form").attr("method", method);   // Assigns Method Type From Radio Button
});