<form action="/" method="get">
<label>Write your email<input type="text" name="text"></label>
<input type="submit" value="Submit"> <br>
<input type="text" value="Value">
<br>
<input id="1" type="checkbox" name="checkbox"><label for="1">Картошка</label><br>
<input id="2" type="checkbox" name="checkbox"><label for="2">Морковь</label>
<br>
<input id="3" type="checkbox" name="checkbox"><label for="3">Укроп</label>
<br>
<input type="button" value="Button">
<br>
<input type="file" value="image">
<br>
<input class="button" type="submit" value="click here">
<br>
<input id="4" type="radio"><label for="4">Кофе</label>
<br>
<input id="5" type="radio"><label for="5">Сладкая вода</label>
<br>
<input id="6" type="radio"><label for="6">Чай</label>
</form>
.button {
color: white;
background: red;
text-transform: uppercase;
padding: 10px;
cursor: pointer;
border-radius: 5px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.