#Styla formulär

Som ni såg består ett formulär oftast av olika delar. Sist men inte minst behöver vi en knapp så formuläret kan skickas. Det kommer inte finnas någon funktionalitet kopplad till knappen. Vi petar in följande i contact.html:

...
    <input type="submit" value="Send">
</fieldset>

Attributet submit skapar en knapp och value talar om vad som ska stå på knappen.

#style.css

Hur gör vi då för att ge formuläret lite style? Följande css-kod ger formuläret en annan style via dess olika delar:

legend {
    font-size: 24px;
}

input[type=text] {
    width: 100%;
    margin: 8px 0;
    box-sizing: border-box;
    padding: 12px 20px;
}

input[type=submit] {
    width: 200px;
    font-size: 16px;
    padding: 10px 0;
}

select {
    width: 30%;
    margin: 8px 0;
    padding: 3px 4px;
    display: block;
}

textarea {
    display: block;
    margin: 12px 0;
    width: 30%;
    height: 75px;
}