2. What is the purpose of the <OPTION> tag? Explain.
Answers
Answer:
The <option> tag in HTML is used to choose an option from a Drop-Down menu. This tag can be used with or without any attributes and needed value can be sent to the server. The group of options can be created using <optgroup> Tag. It creates the group of related menu items.
GEEKSFORGEEKS
HTML | option Tag
The <option> tag in HTML is used to choose an option from a Drop-Down menu. This tag can be used with or without any attributes and needed value can be sent to the server.
The group of options can be created using <optgroup> Tag. It creates the group of related menu items.
Syntax:
<option> Contents... </option>
Attributes: The <option> tag contains four attributes which are listed below:
disabled: This attribute contains the value disabled which represents option is disabled.
label: This attribute contains the text value which represents the shorted label for option.
selected: This attribute contains the value selected which represents the item is per-selected when browser loaded.
value: This attribute contains the value text which sent to the server.
Example 1:
<!DOCTYPE html>
<html>
<head>
<title>option tag</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2><option> Tag</h2>
<select>
<option>Choose an option</option>
<option value="html">HTML</option>
<option value="java">JAVA</option>
<option value="C++">C++</option>
<option value="php">PHP</option>
<option value="perl">PERL</option>
</select>
</body>
</html>
Output:
Example 2:
<!DOCTYPE html>
<html>
<head>
<title>option tag</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2><option> Tag</h2>
<strong>Select City<br></strong>
<select>
<option>Allahabad</option>
<option>Pryagraj</option>
<option>Jaipur</option>
<option>Noida</option>
</select>
</b