Formulare CSS. Stilizarea butoanelor de intrare. Formular responsiv.

Stilizarea butoanelor de intrare (Styling Input Buttons)



Exemplu:

input[type=button], input[type=submit], input[type=reset] {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

/* Sfat: utilizați width: 100% pentru butoanele full-width */

Formular responsiv (Responsive Form)

Redimensionați fereastra browserului pentru a vedea efectul. Când ecranul are o lățime mai mică de 600px, faceți ca cele două coloane să se stivească una peste alta, în loc de una lângă alta.

Advanced: Următorul exemplu utilizează interogări media pentru a crea un formular cu răspuns.