Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html>
<style>
form {
border-radius: 5px;
couleur de fond: #f2f2f2;
padding: 20px;
}

label {display: block;}

input[type=text], select {
largeur: 100%;
padding: 12px;
marge: 8px 0;
affichage: inline-block;
bordure: 1px solide #ccc;
border-radius: 4px;
box-sizing: border-box;
}

input[type=submit] {
largeur: 100%;
couleur-de-fond: #4CAF50;
couleur: blanc;
padding: 14px;
marge: 8px 0;
bordure: aucune;
border-radius: 4px;
curseur: pointeur;
}

input[type=submit]:hover {
couleur-de-fond: #45a049;
}
</style>
<body>

<h2>Styliser un formulaire HTML avec CSS</h2>

<form action="https://www.w3schools.com/action_page.php">
  <label for="fname">Prénom</label>
  <input type="text" id="fname" name="firstname" placeholder="Your name..">

<label for="lname">Nom de famille</label>
  <input type="text" id="lname" name="lastname" placeholder="Your last name..">

<label for="country">Pays</label>
  <select id="country" name="country">
    <option value="australia">Australie</option>
    <option value="canada">Canada</option>
    <option value="usa">États-Unis</option>
  </select>
  
  <input type="submit" value="Submit">
</form>

</body>

</html>