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

Popular posts from this blog

Italics in Html

The italics tags use to highlight the fonts but not like bold it makes your font just like dance a step. These tags are not intended to to style your font. It's use to emphasize your fonts. Code: Italic <i>tag</i>! <em>Emphasized</em> Text! Example: Italic tag ! Emphasized Text! Code: <b>HTML</b> <i>Hyper Text Markup Language</i>  or <b>HTML</b> <em>Hyper Text Markup Language</em> Example: HTML Hyper Text Markup Language or HTML Hyper Text Markup Language Code: <p>Johnson is <b><i>DR.</i></b></p> Example: Johnson is DR.

Submit Buttons in Html Forms

Submit buttons are use to submit the forms whenever user registration is needed submit buttons always used. How to make those submit buttons? Just simple you can make submit buttons if you know the <input> tag then make it's type= submit value="some name" just like submit, send etc. Submit Buttons Code: <input type="submit" value="Submit" /><br /> <input type="submit" value="Send" /><br /> <input type="submit" value="Submit Form" /><br /> Submit Buttons Example: Submit Buttons in Action Code: <form method="post" action="mailto:pateltutor1@gmail.com" > Name:<input type="text" name="First" size="12 maxlength="12" /> Email:<input type="text" name="Last" size="24" maxlength="24" /> <input type="submit" value="Send Email" /> </form> ...

Reset Buttons in Html Forms

Reset Buttons: Reset buttons are use to reset the forms in Html. Sometime users put wrong information then the users don't be worry of removing whole the fields and fill them again just press the reset button and whole the form back to their original state. That's very useful for the user. Html Code: <input type="reset" value="Reset" /> <input type="reset" value="Start Over" /> Html Code: Reset Button in Action: Now we are giving some action for your understanding what reset button done don't panic we give some form tags and other just visit Forms in Html you will also learn how to make it. Reset Button Code: <form action="xyz.php" method="post"> First Name: <input type="text" size="20" maxlength="12" /><br /> Last Name: <input type="text" size="24" maxlength="24" /><br /> <input type="reset" value=...