RR-JS-HTML-Resume/Form.html at main · CracknCode/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
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
<!DOCTYPE html>
<html>
  <Head>
    <Title>Contact Form</Title>
  </Head>
    <body>
      <form>
        <h1>Contact Form</h1><br>

        <fieldset>

          <legend>Basic Info</legend>

                    <!--Text field's with limited Characters-->

            <label for="First_Name" limit="30">First Name:</label><br>
            <input type="text" id="name" name="user_name"><br>
            <label for="last_name" limit="30">Last Name:</label><br>
            <input type="text" id="name" name="user_name"><br>
            <label for="user_email" limit="50">Contact Email:</label><br>
            <input type="text" id="Email" name="user_email"><br>

                       <!--Standrd Text Field no limit-->

            <label>Contact Phone Number:</label><br>
            <input type="text"><br>

                              <!--Radio Button-->

            <input type="radio" id="Landline" value="Landline" name="phone_type">
            <label for="Landline">Landline</label><br>

            <input type="radio" id="mobile" value="Mobile" name="phone_type">
            <label for="mobile">Mobile</label><br>
        </fieldset>

                              <!--Drop Down-->

        <fieldset>


            <legend>Intrest For Contacting:</legend>
            <input type="checkbox" id="construction" value="construction" name="field_construction">
            <label for="construction">Construction</label><br>
            <input type="checkbox" id="web_developer" value="web_developer" name="field_web_developer">
            <label for="web_developer">Web Development</label><br>
            <input type="checkbox" id="music" value="music" name="field_music">
            <label for="music">Audio Engineer/Studio Musician</label><br>
        </fieldset>

        <fieldset>
        <legend for="hear_about_us">How did you hear aboout us?:</legend>
            <select id="hear_about_us" name="user-about">
              <optgroup label="Search Engine">
                <option value="Google">Google</option>
                <option value="Yahoo">Yahoo</option>
                <option value="Bing">Bing</option>
                <option value="Duck_duck_go">Duck Duck Google</option>
                <option value="Ask.com">Ask.com</option>
              </optgroup>

              <optgroup label="Social Media">
                <option value="facebook">Facebook</option>
                <option value="twitter">Twitter</option>
                <option value="instagram">Instagram</option>
                <option value="Youtube">Youtube</option>
              </optgroup>
              <optgroup label="Recruiter">
                <option value="Teacher">Teacher</option>
                <option value="student">Student</option><br>
              </optgroup>
            </select><br>

        <label for="message">Feel Free To Leave A Message:</label><br>
        <textarea id="message" name="user_message" limit="250"></textarea><br>

        </fieldset>
          <button type="submit">Send Now!</button>
      </form>

    </body>
</html>