Заполнено поле или нет (CSS3) - посмотреть код бесплатно

Мои теги

#ai #python #php

В данном примере корректно заполненные поля формы обозначаются зеленым фоном, а некорректные красным.

Источник: http://htmlbook.ru


                        
<!DOCTYPE html>

<html>

 <head>

  <meta charset="utf-8">

  <title>:invalid</title>

  <style>

   input:invalid {

    background: #fdd; /* Красный цвет фона */

   }

   input:valid {

    background: #dfd; /* Зеленый цвет фона */

   }

  </style>

 </head>

 <body>

  <form>

   <p>Адрес сайта</p>

   <p><input type="url" required></p>

   <p>Адрес электронной почты</p>

   <p><input type="email" required></p>

   <p><input type="submit" value="Отправить" /></p>

  </form>

 </body>

</html>

abler98

Комментарии

Без комментариев...

Поздравляем с наступающим Новым годом! Пусть 2025 год принесёт вдохновение, успешные проекты и стабильный рост! Желаем лёгкого кода, надёжных партнёров и личного счастья. Спасибо, что вы с нами!..