Freak Form - Simple CSS Color - Box Shadow

admin
Arief Siswanto
2019-09-07 18:49:01
Reply Share

Freak Form - Simple CSS Color - Box Shadow

 

<html>
    <head>
        <title>Form HTML</title>
        <style>
            .yellow{
                background-color: yellow;
            }
            input[type=text],
            input[type=email],
            input[type=number]{
                padding: 3px 10px;
                background-color: red;
                border: 1px solid yellow;
                box-shadow: 10px 10px 10px black;
            }
        </style>
    </head>
    <body>
        <form method="get">
            Nama:<br />
        <input type="text" name="namaDepan" class="yellow" required /><br />
            
            Email:<br />
        <input type="email" name="email" required /><br />
            
            Nomor Telepon:<br />
        <input type="number" name="phone" required /><br />
            
        <input type="submit" value="Kirim" />
        </form>
    </body>
</html>
No reply found.