Page 118 - ConceptGP_C7_Fb
P. 118
Each radio button should be specified with a word describing the purpose of the radio button
which is done with the help of the VALUE attribute.
The text that is needed to be displayed beside the radio button should be specified.
Syntax of radio input control:
<INPUT TYPE = "RADIO" NAME = "A Word describing the group name" VALUE = "A word that
describes the radio button">
Clickable Buttons
This control creates a button that acts when clicked. The form has two types of buttons:
Submit: We can create a Submit button to send all the form data to the server. Syntax of
submit button:
<INPUT TYPE = "SUBMIT" NAME = "Name of the button" VALUE = "Text you want to display
on the button">
Reset: We can create a Reset button to reset the values of all the controls to the initial values in
the form. Syntax of reset button:
<INPUT TYPE = "RESET" NAME = "Name of the button" VALUE = "Text you want to display on
the button">
Write HTML codes to create a form.
<!DOCTYPE html>
<HTML>
<HEAD> <TITLE> Registration Form </TITLE> </HEAD>
<BODY STYLE="background-color:lightpink">
<FORM NAME="Registration From" METHOD="POST" ACTION="mailto:abc@gmail.
com">
<H1 ALIGN = "centre"> Registration Form </H1>
<B>Applicant Name:</B>
<INPUT TYPE="TEXT" NAME="APPLI_NAME" SIZE="30" MAXLENGTH="20">
<BR> <BR>
<B>Address: </B>
<INPUT TYPE="TEXT" NAME="Address" SIZE="30" MAXLENGTH="40">
<BR> <BR>
<B> State: </B>
<INPUT TYPE="TEXT" NAME="State" SIZE="30" MAXLENGTH="40">
<B> City: </B>
<INPUT TYPE="TEXT" NAME="City" SIZE="30" MAXLENGTH="40">
<BR> <BR>
<B> Gender: </B>
<INPUT TYPE="RADIO" NAME="Gender" VALUE="M" > Male
<INPUT TYPE="RADIO" NAME="Gender" VALUE="F" CHECKED > Female
<BR> <B> Username (for this website):</B>
116 Premium Edition-VII

