Advertisements
Advertisements
Question
Illustrate the use of the radio button input type on an HTML form with an appropriate code and the corresponding output.
Solution
A radio button is defined with the <input type="radio">. Radio buttons are typically displayed as radio groups (a group of radio buttons describing a set of related alternatives). A collection of radio buttons can only have one radio button selected at a time.
Note: To be considered a group, the radio group must have the same name (the value of the name parameter). After creating the radio group, selecting any radio button in that group instantly deselects any other radio button in the same group. You can have as many radio groups as you like on a page, as long as each one has its own name.
Example code:
<html>
<head>
<title> Example of Radio Button</title>
</head>
<body>
<form>
<label>
Gender:
</label> <br>
<input type="radio" id="gender" name="gender" value="male"/> Male
<br>
<input type="radio" id="gender" name="gender" value="female"/> Female <br/>
</form>
</body>
</html>
Output:Output:
APPEARS IN
RELATED QUESTIONS
The HTML tag used to make the text italics is ______.
Assertion (A): In HTML, Tags written in lowercase letters or uppercase letters are treated as the same.
Reason (R): HTML is a case sensitive language.
Write the difference between alink and vlink.
Write the equivalent inline CSS for the following HTML tag.
<img src="me.jpg" height=20 width=30>HTML provides us with ______ levels of headings that can be inserted into a web page.
The default starting value for an ordered list in HTML is ______.
What is the difference between <br> tag and <p> tag in the context of HTML? Illustrate using suitable examples.
Link, vlink, alink are attributes of ______ tag.
Which of the following tag can be used to draw a horizontal line on a webpage?
Ronaldo, a web designer in a start-up company, wants to give headings on a webpage through <h1> tag. Additionally, he wants to implement the following styles on all the <h1> tags of the same webpage in one go.
- Color-blue
- Background color-yellow
- border of the heading - 2px in red
He is not able to implement the above-mentioned additional styles <h1> of tag through regular HTML code. Suggest him a way out and also help him in writing the code for the same.
