CSS - pseudo klasy :valid i :invalid


kod wynik kodu
<html>
<head>
<style type="text/css">
input:valid {
  border: 2px solid green;
}
input:invalid {
  border: 2px solid red;
}
</style>
</head>
<body>
<fieldset>
  <legend>Informacje kontaktowe</legend>
  <label>imię:<br />
  <input type="text" name="name" /></label><br />
  <label>nazwisko:<br />
  <input type="text" name="surname" /></label><br />
  <label>adres e-mail:<br />
  <input type="email" name="email" /></label><br />
  <label>telefon komórkowy:<br />
  <input type="number" name="mobilephone" /></label><br />
  <label>telefon:<br />
  <input type="number" name="phone" /></label>
</fieldset>
</body>
</html>
Informacje kontaktowe