Skip to main content

Radio Buttons in Html Forms

Whenever you want to ask for something that he like you or another suppose so there is 2 option me or else so radio button is used or another point of view say's you accept our terms or not this is the common example of radio button.
Radio Button Code:
<form name="qtutor" action="mailto:pateltutor1@email.com" method="post">
<h4>Please select your favorite Sport.</h4>
<input type="radio" name="sport" /> : Cricket<br />
<input type="radio" name="sport" /> : Football<br />
<input type="radio" name="sport" /> : Volleyball<br />
</form>
Radio Button Example:

Please select your favorite food category.

: Cricket
: Football
: Volleyball
The key thing is the name of radio button if you have multiple radio buttons in forms then take care of the name of radio button suppose in upper example we ask for only sport now we will ask for sport and gender too so keep remember that name is the key of the radio button.
<form name=qtutor" action="mailto:pateltutor1@email.com" method="post">
<h4>Please select your favorite sport.</h4>
<input type="radio" name="sport" /> : Cricket<br />
<input type="radio" name="sport" /> : Football<br />
<input type="radio" name="sport" /> : volleyball<br />
<h4>Please select your gender.</h4>
<input type="radio" name="gender" /> : Male<br />
<input type="radio" name="gender" /> : Female<br />
</form>
Now you see there is a lot of difference between both because the name is change one is sport and other is gender

Comments

Post a Comment

Popular posts from this blog

Manipulating WW2 Fire AirCraft

In this tutorial we will be learning some indispensable techniques to use for any type of photo-manipulation. We will be doing this by taking a photograph of a model plane and editing it to to look like a photograph of a WW2 spitfire which has just been shot down and is on fire. The techniques used here are the same for any type of 'destruction' photo-manipulation. Below is the link you will learn how to create. In the second part of this tutorial we will go on to use this image in a movie poster/DVD cover design View Tutorial
Post a Comment
Read more

Beginner Html Lesson 2

In the previous lesson we just copy a code and paste it. In this lesson we will guide you through rest of the things what is that let's talk more. We made a webpage with something very weird for beginner don't worry go ahead. <html> : This is the essential thing for any web page and also closing tag </html>. Between these codes we add some more codes <head> </head> , <body> </body> between the body code actually body itself saying that i am body of your webpage. What Head tags containg (<head> </head>) ? Basically head tags contains following <title> <base> <link> <meta> <script> <styles>  What Body tags contains (<body> </body>) ? And a body tags contains anything like your bolded text , your content of any type.Paragraphs , Headings anything. I hope you understand.
Post a Comment
Read more

Beginner Html Lesson 1

Beginners Html Tutorial What is Html? You see a lot of webpages and websites which have many things and you think how it's made so let me explain you. Whenever a webpage made then it's done that some one coded that page with some coding and that coding is Html. How to make your first Webpage? Note: Before this remember whenever any tag start then it's end too like "<html>" this is a starting tag and ending tag is "</html>" this is the difference that it end with a slash. <html> <head> </head> <body> My First Web Page. </body> </html>  Just copy the above code and paste this code in a text file then save it but saved it as "name.html" (with out quotes ") whenever you place a .html while saving the document then it saved as a webpage. Now go to the place where you save "name.html" and double click it. It will open in a web browser. Yes you made it. Brief Description: What is tag ? A ...
Post a Comment
Read more