GET and POST methods
form data-வை ஒரு page-ல் இருந்து மற்றோரு page-க்கு எந்த முறையில் அனுப்ப படுகிறது என்பதை server-க்கு தெரிய படுத்தவே method attribute பயன்படுகிறது. get and post என்ற இரண்டு methods பயன்படுத்தப்படுகிறது.
Note: method="GET" and method="POST" is not a case sensitive.
What is GET method?
ஒரு Form-ஐ submit செய்யும்போது http request நம்முடைய browser-ல்(client) இருந்து server க்கு அனைத்து input values-ம் URL வழியாக அனுப்பப்படும் முறையே get method. i.e, அனைத்து input values-ம் url bar-ல் தெரியும்.
Example
Try this code<form class="myform" method="GET">
<table cellspacing="10">
<tr>
<td>
<label>Username:</label>
</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td>
<label>Email:</label>
</td>
<td>
<input type="email" name="useremail"/>
</td>
</tr>
<tr>
<td>
<label>password:</label>
</td>
<td>
<input type="password" name="userpassword"/>
</td>
</tr>
<tr>
<td>
<label>Mobile:</label>
</td>
<td>
<input type="number" name="usermobile"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Register" />
</td>
</tr>
</table>
</form>
<style>
.myform{
width: 300px;
background-color: lightyellow;
border:1px solid brown;
}
</style>What is POST method?
ஒரு Form-ஐ submit செய்யும்போது http request நம்முடைய browser-ல்(client) இருந்து server க்கு அனைத்து input values-ம் message body வழியாக அனுப்பப்படும் முறையே post method. i.e, எந்த ஒரு input values-ம் url bar-ல் தெரியாது.
Example
Try this code<form class="myform" method="POST">
<table cellspacing="10">
<tr>
<td>
<label>Username:</label>
</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td>
<label>Email:</label>
</td>
<td>
<input type="email" name="useremail"/>
</td>
</tr>
<tr>
<td>
<label>password:</label>
</td>
<td>
<input type="password" name="userpassword"/>
</td>
</tr>
<tr>
<td>
<label>Mobile:</label>
</td>
<td>
<input type="number" name="usermobile"/>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Register" />
</td>
</tr>
</table>
</form>
<style>
.myform{
width: 300px;
background-color: lightyellow;
border:1px solid brown;
}
</style>
இது பற்றிய தங்களின் கருத்துகளை இங்கே பதிவிடுங்கள் . இது பயனுள்ளதாக விரும்பினால் மற்றவர்களுக்கும் இதை share செய்யுங்கள்.
Comments