Write a HTML program to create a form for the subscription of a magazine. The form should contain Name, Address, City, State, Pin Code. Magazine should be selected from 5 different magazines using checkbox. Subscription is available for 1 year or two years. Radio buttons shall be sued to select subscription period. The page should have a submit button.
<!DOCTYPE html>
<html>
<head>
<title>M2-R5.1 Set 4 Question 2</title>
<style type=”text/css”>
div{
width: 550px;
height:600px;
margin: 10px auto;
border:3px solid red;
padding: 15px;
background-color:rgba(150, 220, 135, 0.5);
}
label{
font-family: sans-serif;
font-size: 15px;
color:red;
}
input[type=text]{
width:250px;
height:30px;
}
</style>
</head>
<body>
<div>
<h1 align=”center”><font color=”blue”>Magzine Subscription form</font></h1>
<form>
<label>Name:</label><br><input type=”text” name=”uname” placeholder=”Enter Your Name”><br><br>
<label>Address:</label> <br>
<textarea cols=”35″ rows=”6″ name=”address”>address here….</textarea><br><br>
<label>City:</label><br>
<select>
<option>Azamgarh</option>
<option>Mau</option>
<option>Gazipur</option>
<option>Balia</option>
<option>Varanasi</option>
</select><br><br>
<label>State:</label><br>
<select>
<option>UP</option>
<option>MP</option>
<option>Delhi</option>
<option>Bihar</option>
<option>Punjab</option>
</select><br><br>
<label>Pin Code:</label> <br>
<input type=”text” name=”pin” placeholder=”Enter Pin Code”><br><br>
<label>Select Magzine:</label><br>
<input type=”checkbox” name=”one”> Meri Saheli <input type=”checkbox” name=”two”> Akhand Jyoti <input type=”checkbox” name=”three”> Champak <input type=”checkbox” name=”four”> Grihshobha <input type=”checkbox” name=”five”> Kadambini<br><br>
<label>Select subscription period: </label><br>
<input type=”radio” name=”period”>1 Year <input type=”radio” name=”period”>2 Years<br><br>
<input type=”submit” name=”sub”>
</form>
</div>
</body>
</html>