Create an HTML document as shown in the figure below.
It must be written using the HTML Table form as shown in the figure below
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title> Title </title>
</head>
<body>
<form method="get">
<fieldset>
<legend>Photo Details</legend>
<table>
<tr>
<td colspan="2">
<div>
<label>Title</label><br>
<input type="text" name="title" style="width: 650px;" />
</div>
<div>
<label>Description</label><br>
<textarea style="height: 80px; width: 450px"></textarea>
</div><br>
</td>
</tr>
<tr>
<td>
<label>Continent</label><br>
<select name="choose continent">
<option selected>Choose continent</option>
<option>Africa</option>
<option>Asia</option>
<option>Europe</option>
<option>North America</option>
<option>South America</option>
</select><br><br>
<label>Country</label><br>
<select name="choose country">
<option selected>Choose country</option>
<option>Canada</option>
<option>Mexico</option>
<option>United States</option>
</select><br><br>
<label>City</label><br>
<input type="text" name="city" list="cities" style="width: 250px;" />
<datalist id="cities">
<option>Calgary</option>
<option>Montreal</option>
<option>Toronto</option>
<option>Vancouver</option>
</datalist><br>
</td>
<td>
<label>Copyright?</label><br>
<input type="radio" name="where" />All rights reserved<br>
<input type="radio" name="where" checked />Creative Commons<br>
<label>Creative Commons Types</label><br>
<input type="checkbox" name="where"/>Attribution<br>
<input type="checkbox" name="where" />Noncommercial<br>
<input type="checkbox" name="where" />No Derivative Works<br>
<input type="checkbox" name="where" />Share Alike
<div><br></div>
</td>
</tr>
<tr>
<td>
<label>I accept the software license </label>
<input type="checkbox" name="accept" />
</td>
</tr>
<tr>
<td>
<label>Rate this photo:</label><br>
<input type="number" min="1" max="5" name="rate" /><br><br>
<label>Color Collection:</label><br>
<input type="color" name="black" />
</td>
<td>
<label>Date Taken:</label><br>
<input type="date" name="time" /><br><br>
<label>Time Taken:</label><br>
<input type="time" name="time" />
<div><br></div>
</td>
</tr>
<tr>
<td>
<input type="submit" value="Submit" />
<input type="reset" value="Clear Form" />
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
