codeup-web-exercises/forms.html at main · kuwanbarnes/codeup-web-exercises · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> Register With Us</title>
</head>
<!--<link rel="stylesheet" href="forms.css">-->
<!--<style>-->
<!--    input[type=text], select {-->
<!--        width: 100%;-->
<!--        background-color: #f2f2f2;-->
<!--        padding: 12px 20px;-->
<!--        margin: 8px 30px;-->
<!--        marginleft:auto;-->
<!--        marginright:400px 400px;-->
<!--        display: inline-block;-->
<!--        border: 1px solid #ccc;-->
<!--        border-radius: 4px;-->
<!--        box-sizing: border-box;-->
<!--    }-->

<!--    input[type=password],select {-->
<!--        width: 100%;-->
<!--        background-color: #f2f2f2;-->
<!--        color: black;-->
<!--        padding: 10px 10px;-->
<!--        margin: 8px ;-->
<!--        border: 10px;-->
<!--        border-radius: 4px;-->
<!--        cursor: pointer;-->
<!--    }-->

<!--    input[type=text]:hover {-->
<!--        background-color: #45a049;-->
<!--    }-->

<!--    div {-->
<!--        border-radius: 5px;-->
<!--        background-color: #f2f2f2;-->
<!--        padding: 20px;-->
<!--    }-->
<!--</style>-->
<body>
<h1> Register With Us</h1>
<br>
<br>
<div>
<form method="POST" action=https://www.elformo.com/forms/f9a60610-8b4c-4528-a4f2-bacb8dbd937a>
    <label for ="email">Email</label>
    <input type="text" id="email" name="email" placeholder="Enter your email address"><br>
    <br>
    <label for ="password">Password</label>
    <input type="password" id="password" name="password" placeholder="Enter your password">
   <br>
    <br>
<label for ="Bio">Bio</label>
    <br>
    <textarea name="Bio" id="Bio" cols="30" rows="10"></textarea>
  <br>
<br>
    <br>
    <label>How did you hear about us?</label>
    <br>
        <input type="radio" name="how you hear" value="billboard">Billboard<br>
    <input type="radio" name="how you hear about us " value="radio advertisement">Radio Advertisement<br>
    <input type="radio" name="how you find us " value="internet advertisement">Internet Advertisement<br>
    <input type="radio" name="where you here from us" value="other">Other<textarea name="other" cols="10" rows="1"></textarea> <br>
    <br>
    <br>
    <label for="website">Website Used</label>
    <select id="website" name="website">
        <option value="Google">Google</option>
        <option value="Yahoo">Yahoo</option>
        <option value="FireFox">FireFox</option>
        <option value="Chrome">Chrome</option>
        <option value="Bing">Bing</option>
    </select>
<br>
    <br>
    <button type="submit">Submit the form</button>
</form>
</div>


</body>
</html>