BasicFormAS2/index.html at master · ElizabethBoles/BasicFormAS2 · 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Force User Sign Up Form</title>
  <link href="style.css" rel="stylesheet">
</head>
<body>
  <header>
    <h1>Force User Sign Up Form<h1>
    </header>
    <form action="http://requestb.in/1bquzkf1" method="POST">
      <fieldset>
        <legend>Basic Info</legend>
        <aside>
          <label for="fullname-input">Full Name</label>
          <input type="text" name="fullname" id="fullname-input" placeholder="Luke Skywalker" required>
        </aside>
        <aside>
          <label for="profile-pic">Profile Pic</label>
          <input type="file" name="profile-pic" id="profile=pic" accept="image/*">
        </aside>
        <aside>
          <label for="email">Email</label>
          <input type="text" name="fullname" id="fullname-input" placeholder="luke@sky.com" class="extended-input" required>
        </aside>
        <label for="side">Side:</label>
        <section name="side">
          <input type="radio" name="contact-method" id="Light">
          <label class="radio-label" for="Light">Light</label>
          <input type="radio" name="contact-method" id="Dark">
          <label class="radio-label" for="Dark">Dark</label>
        </section>
        <aside>
          <label for="fullname-input">Origin Story</label>
          <textarea name="cover-letter" id="cover-letter"></textarea>
        </aside>
      </fieldset>
      <fieldset>
        <legend>Abilities</legend>
        <aside>
          <label for="Lightsaber-Color">Lightsaber Color</label>
          <select name="Lighsaber-Color">
            <option value="">Select-Color</option>
            <option value="blue">Blue</option>
            <option value="red">Red</option>
            <option value="green">Green</option>
            <option value="purple">Purple</option>
          </select>
          <aside>
            <label for="levitate-objects">How many objects can you levitate at once?</label>
            <input type="number" name="levitate" id="levitate-objects" min="1" max="10">
          </aside>
          <aside>
            <label for="favorite-ability">Favorite Ability</label>
            <input type="text" name="favorite-ab" id="favorite-ability" placeholder="precognition" required>
          </aside>
          <aside>
            <label for="pilot-experience">Pilot Experience</label>
            <input type="text" name="pilot-ex" id="pilot-experience" required>
          </aside>
          <input type="checkbox" name="experience" value="Speeder">
          Speeder
          <input type="checkbox" name="experience" value="Transport">
          Transport
          <input type="checkbox" name="experience" value="X-Wing">
          X-Wing
          <input type="checkbox" name="experience" value="TIE Fighter">
          TIE Fighter
          <input type="checkbox" name="experience" value="Starship">
          Starship
          <input type="checkbox" name="experience" value="Bantha">
          Bantha
        </fieldset>
        <fieldset>
          <legend>Application Info</legend>
          <aside>
            <label for="desiredmentor-input">Desired Mentor</label>
            <input type="text" name="Desired Mentor" id="Desired Mentor-input" placeholder="Yoda">
          </aside>
          <aside>
            <label for="date">Application Date</label>
            <input type="date" name="date" id="date" required>
          </aside>
          <aside>
            <label for="password">Application Password</label>
            <input type="text" name="password" id="password" required>
          </aside>
          <aside>
            <label for="Darkside">How do you get to the dark side?</label>
            <textarea name="text" name="Darkside" id="Darkside"></textarea>
          </aside>
          <input type="reset" value="Start Over" id="start-over" class="coloredbuttons">
          <input type="submit" value="Apply" id="submit-button" class="coloredbuttons">
        </fieldset>
        <footer>
          &copy; 2016 The Republic
        </footer>
      </form>
    </body>
    </html>