You are on page 1of 2

<HTML>

<HEAD>

<TITLE> Завдання 4 </TITLE>

</HEAD>
<style>
body {
background-color: green;
}
h1, h2, h3, h4, h5, h6 {
color: pink;
}
input{
border: 2px solid lime;
}
#s1, .zno{
position: relative;
}
.how{
color: blue;
}
.zno{
color: #24883E;
}
button{
width:100px;
height:25px;
color:rgb(0,0,255);
}
</style>

<BODY>
<form>
<label style="background-color:powderorange;" for="name">Ім'я:</label><br>
<input type = "text" name="name"><br>
<label style="background-color:color:#3AC3BB" for="lastname">Прізвище:</label><br>
<input type = "text" name="lastname"><br><br>
<label for="subject">Предмет:</label><br>
<select id="s1" name="subjects">
<option style="background-color:purple;">Математика</option>
<option style="background-color:#AA0BB0;">Укр мова</option>
<option style="background-color:#8E67CE;">Фізика</option>
<option style="background-color:gold;">Історія</option>
</select>
<br><p class="how" >Як вам зручніше навчатись?</p>
<div>
<input type="checkbox" name="online">
<label for="online">Онлайн</label><br>
<input type="checkbox" name="offline">
<label for="offline">Офлайн</label><br>
<input type="checkbox" name="nothing">
<label for="nothing">Ніяк незручно</label>
</div>
<p class="zno">Як ви думаєте, на скільки напишете ЗНО?</p>
<div>
<input type="radio" name="bal150">
<label for="bal150">150 і менше</label><br>
<input type="radio" name="bal190">
<label for="bal190">150-199</label><br>
<input type="radio" name="bal200">
<label for="bal200">200+</label>
</div>
<textarea style="border:5px dashed Tomato;" name="message" rows="10"
cols="30"></textarea>
<br><br>
<button style= "color:yellow;" type="submit">submit</button>
<button style="color:#AA0BB0">кнопка1</button>
<button style="color:rgb(95,232,52)">кнопка2</button>

</BODY>

</HTML>

You might also like