RR-JS-HTML-Resume/contactForm.html at main · twash53260/RR-JS-HTML-Resume · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sign Up Form</title>
        <link rel="stylesheet" href="css/normalize.css">
        <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/main.css">
    </head>
    <body>

      <form action="index.html" method="post">

      <h1>Contact Form</h1>

                <label for="fname">First name:</label><br>
                <input type="text" id="fname" name="firstname"><br>
                <label for="lname">Last name:</label><br>
                <input type="text" id="lname" name="lastname"><br>
                <label for="email">Email:</label><br>
                <input type="email" id="mail" name="user_email"><br>
                <label for="tel">Contact Telephone</label><br>
                <input type="tel" id="Contactphone" name=" Contact phone" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br>
                <label for="Phonetype">Phone number type:</label><br>
                <input type="radio" id="landline" name="landline" value="phone"><br>
                <label for="landline">Landline</label><br>
                <input type="radio" id="Mobile" name="Mobile" value="phone"><br>
                <label for="Mobile">Mobile</label><br><br>

                <label for=Search Engine>How did you hear about us</label><br>
                <select name="Search Engine" id="Search Engine"><br>
                    <option value="social media">Social Media</option>
                    <option value="search engine">Search Engine</option>
                    <option value="recruiter">Recruiter</option>
                    </select><br>

                  <label for=Interest for contacting>Interest for contacting</label><br>
                  <input type="checkbox" id="detail oriented" name="Detail oriented" value="Interest"><br>
                  <label for="Interest">Detail Oriented</label><br>
                  <input type="checkbox" id="Personable" name="Personable" value="Interest"><br>
                  <label for="Interest">Personable</label><br>
                  <input type="checkbox" id="Team player" name="Team player" value="Interest"><br>
                  <label for="Interest">Team player</label><br>

    </form>


    </body>
</html>