HTML Post Radio Button

                         

HTML Post attribute used in method, when a user is not able to see the data in the URL of browser. Post method is used for sending, updating and sending a mail. The Post method is not so effective method of hiding a data in URL of browser, because user is able to see the data from source code.

Understand with Example

The Tutorial illustrates a Post Radio Button.HTML page. The HTML page create a radio button, which allows the user to select any one of the option from the alternative radio button. When a user select any one of the radio button among the alternative radio button, and click on a submit button, a page is submitted to a new page name get.html. The method attribute used in  this code is post. On click submit button, a post attribute is invoked and a new page is open name get.html.The post method prevent from the user to see the radio button posted in url of the browser.

<html>
<body>
<h2>
Academy Qualification
</h2>
<font size= 4 face="verdana" color=#112244>
<form method = POST action ="get.html">
<input type="radio" name="r1" value="class 10" checked="false">class 10<br>
<input type="radio" name="r1" value="class 12" checked="false">class 12<br>
<input type="radio" name="r1" value="B.Tech" checked="false">B.Tech<br>
<input type="radio" name="r1" value="M.Tech" checked="false">M.Tech<br>
<input type="submit" name="b1" value="submit">
</form>
</body>
</html>

Output is displayed on the browser

 

<html>
<body>
<FORM ACTION="">
<P>Please Fill the Registration Form</p><br>
Enter Your Name<input type="text" Value="username"><br>
Enter Your Email Address<input type="text" value="Email-Address"><br>
<input type="submit" value="send">
</FORM>
</body>
</html>

Output on Browser is displayed as below

Download Source