Web_Pre_Intern/testattribute.html at master · EaintMM/Web_Pre_Intern · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
    <head>
        <title>Test attributes</title>
    </head>
    <style>
        input[type=text]{
            background-color: darkcyan;
        }
        input[type=number]{
            background-color: darkgoldenrod;
        }
        input[type=password]{
            background-color: magenta;
        }
        button{
            width:100;
            height: 50;
            background-color: mediumaquamarine;
        }
        button:hover{
            background-color: green;
        }

    </style>
    <body>
        <form>
            <div>
                <input name="First name" type="text" placeholder="First Name"><br>
                <input name="Last name" type="text" placeholder="Last Name"><br>
                <input name="age" type="number" placeholder="Age"><br>
                <input name="password" type="password" placeholder="password"><br>
            </div>
            <div>
                Favorite Language?
                <input name="Language" type="radio" value="Java">Java
                <input name="Language" type="radio" value="php">PHP
                <input name="Language" type="radio" value="C#">C#
                <input name="Language" type="radio" value="python">Python
            </div>
            <div>
                <button>Submit</button>
                <button>Cancel</button>
            </div>
        </form>

    </body>
</html>