<html>
<head>
<style>
input[type=text], select, textarea {
width: 20%;
padding: 7px;
border: 1px solid #ccc;
border-radius: 4px;
resize: vertical;
}
textarea {
width: 30%;
height: 100px;
padding: 12px 20px;
box-sizing: border-box;
border: 2px solid #ccc;
border-radius: 4px;
background-color: #f8f8f8;
font-size: 16px;
resize: none;
}
input[type=submit] {
width: 15%;
background-color: #4CAF50;
color: white;
padding: 10px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor: pointer;
position: relative;
left: 140px
}
input[type=submit]:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<form style="position:relative;left:170px">
<p>Add Question To Set</p>
<textarea name="subject" placeholder="Write Question Here..." ></textarea>
</form>
<br>
<div style="position:relative;left:190px">
<div>
<label for="fname">A:</label>
<input type="text" name="option" placeholder="option A">
</div>
<br>
<div>
<label for="lname">B:</label>
<input type="text" name="option" placeholder="option B">
</div>
<br>
<div>
<label for="lname"> C:</label>
<input type="text" name="option" placeholder="option C">
</div>
<br>
<div>
<label for="lname">D:</label>
<input type="text" name="option" placeholder="option D">
</div>
</div>
<form style="position:relative;left:250px">
<p style="position:relative;right:40px">Answer:</p>
A <input type="radio" name="gender" value="a">
B <input type="radio" name="gender" value="b">
C<input type="radio" name="gender" value="c">
D<input type="radio" name="gender" value="d"> <br>
<br>
<div>
<input type="submit" value="Add to set">
</div>
</form>
</body>
</html>
RUN CODE
No comments:
Post a Comment