Нужно, чтобы при всех одновременно валидных input-ах отобразилась кнопка.
HTML:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<input required name="InputFIO">
<input required name="InputPhone">
<input required name="InputEmail">
<button>gg</button>
</body>
</html>
CSS:
button
{
display: none;
}
form:has(input:valid) button /* Какое условие здесь прописать?*/
{
display: block;
}
Простой
Средний