Advertisements
Advertisements
Question
Write the HTML code to design a Student's Data input form as shown below:
| Student Data Input Form |
| Name: `square` |
| Subscribe for Newsletter: `square` |
| Gender: |
| Male: `circ` Female: `circ` Other: `circ` |
| Country: USA ∨ |
The following input elements should be included in the form:
- A textbox to enter student's name.
- A checkbox to allow the student to subscribe to a newsletter.
- Radio buttons to select the gender. The buttons should be grouped with individual values as Male, Female, Other.
- A list box (select dropdown) to choose the country. The available options are USA, Canada, UK and Australia.
Code Writing
Solution
<!DOCTYPE html>
<html lang="en">
<head>
<title>Student Data Input Form</title>
</head>
<body><h2>Student Data Input Form </h2>
<form action="#" method="post">
Name: <input type="text" id="name" name="name" required><br>
Subscribe for Newsletter: <input type="checkbox" id="newsletter" name="newsletter"><br>
Gender:<br>
<input type="radio" id="male" name="gender" value="male"> <label for="male">Male</label>
<input type="radio" id="female" name="gender" value="female"> <label for="female">Female</label>
<input type=" radio" id="other" name="gender" value="other"> <label for="other">Other</label><br>
Country:
<select id="country" name="country">
<option value="USA">USA</option>
<option value="Canada">Canada</option>
<option value="UK">UK</option>
<option value="Australia">Australia</option>
</select>
</form>
</body>
</html>shaalaa.com
Is there an error in this question or solution?
