Formulare CSS. Stilizarea butoanelor de intrare. Formular responsiv.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
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.