CreatingFormswithJS/index.html at master · designbright/CreatingFormswithJS · 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
<!DOCTYPE html>
<html>
<head>
  <title>Form Builder</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="wrapper">
        <form>
            <div class="header">
                <span class="title">Sign Up For My Web App</span>
            </div>
            <div class="fields" id="fields">
                <!--
                    <input type="text" id="user-first-name" placeholder="First Name">
                -->

                <!-- Form Data Appended Here -->


<!--
                <form>
                  <input type="text" name="firstname" placeholder="First name">
                  <br>

                  <input type="text" name="lastname" placeholder="Last name">
                  <br>

                  <input type="email" name="email" placeholder="Email">
                  <br>

                  <input type="text" name="text" placeholder="Current website URL">
                  <br>

                    <input type="select" name="select" placeholder="Select Lanaguage">
                    <select name="cars">
                      <option value="volvo">Volvo</option>
                      <option value="saab">Saab</option>
                      <option value="fiat">Fiat</option>
                      <option value="audi">Audi</option>
                  </select>

                  <br>


                  <textarea rows="3" cols="60" placeholder="Your comment">
                  </textarea>

                    <br>

                    <input type="number" name="number" placeholder="Mobile number">
                    <br>

                  <input type="number" name="number" placeholder="Home number">

                </form> -->


                <!-- // Create all needed HTML nodes
                    // let firstName = document.createElement("input");
                    // let lastName= document.createElement("input");
                    // let email= document.createElement("input");
                    // let currentURL= document.createElement("input");
                    // let select= document.createElement("select");
                    // let yourComment= document.createElement("textarea");
                    // let mobileNumber= document.createElement("input");
                    // let homeNumber= document.createElement("input");
                    //
                    //   wholeForm.appendChild(firstName);
                    //   wholeForm.appendChild(lastName);
                    //   wholeForm.appendChild(email);
                    //   wholeForm.appendChild(currentURL);
                    //   wholeForm.appendChild(select);
                    //   wholeForm.appendChild(yourComment);
                    //   wholeForm.appendChild(mobileNumber);
                    //   wholeForm.appendChild(homeNumber); -->

            </div>
            <div class="footer">
                <button>Submit Form</button>
            </div>
        </form>
    </div>
    <script src="main.js"></script>
</body>
</html>