Added comments and directions

michaelsoriano · Nov 14, 2017 · f4cd03a · f4cd03a
1 parent 206f77d
commit f4cd03a
Showing 1 changed file with 23 additions and 4 deletions.
diff --git a/sp-forms.html b/sp-forms.html
@@ -1,27 +1,37 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"></link>
+<!--CHANGE THE SRC AND HREF OF THE JS AND CSS HERE!!!-->
 <script src="/temp/Shared%20Documents/sp-forms.js"></script>
 <link rel="stylesheet" href="/temp/Shared%20Documents/sp-forms.css"></link>
 <h3>SP Forms Demo</h3>
+<!--ENTER YOUR LIST NAME HERE!!! INSIDE data-list-name-->
 <div data-list-name="sp-forms-form2" id="form1">   
+        <!--THIS IS THE THANK YOU MESSAGE-->
         <div class="success-message" style="display:none;">
             Thank you for your submission. Click <a href="#" id="addAnother">Here</a> to another. 
         </div>
+        <!--END THANK YOU MESSAGE-->
+        <!--THIS IS THE SUBMIT BUTTON-->
         <div class="form-group">
+            <!--START OF A REGULAR TEXT INPUT FIELD-->
             <label for="countries">Title<sup>*</sup></label>
             <input name="Title" class="form-control input-sm" placeholder="Enter here..." data-rules="required|email" autocomplete="off"/>
+            <!--END TEXT INPUT FIELD-->
         </div>
         <div class="form-group">
+            <!--START OF A DROP DOWN LIST-->
             <label for="countries">Countries<sup>*</sup></label>
             <select class="form-control input-sm" name="countries" data-rules="required"> 
                 <option value="">--</option> 
                 <option value="USA">USA</option> 
                 <option value="Canada">Canada</option> 
                 <option value="Japan">Japan</option> 
                 <option value="Mexico">Mexico</option>                                     
-            </select>    
+            </select>
+            <!--END DROP DOWN LIST-->
         </div>
         <div class="form-group">
+            <!--START OF A CHECKBOX-->
             <h5>What's your preference?</h5>
             <div class="checkbox">
                 <label>
@@ -41,8 +51,10 @@ <h5>What's your preference?</h5>
                     option three
                 </label>
             </div>
+            <!--END CHECKBOX-->
         </div>
         <div class="form-group">
+            <!--START OF A RADIO BUTTON-->
             <h5>Yes or No?</h5>
             <div class="radio">
                 <label>
@@ -55,22 +67,29 @@ <h5>Yes or No?</h5>
                     <input type="radio" name="yesno" value="no"> 
                     No
                 </label>
-            </div>        
+            </div>  
+            <!--END RADIO-->
         </div>
         <div class="form-group">
+            <!--START OF A TEXTAREA-->
             <h5>What's your comment</h5>
             <textarea name="comment" class="form-control"></textarea>
+            <!--END OF TEXTAREA-->
         </div>
         <div class="form-group">
+                <!--START OF A FILE UPLOAD-->
                 <h5>Attachment</h5>
                 <input type="file" class="form-control" name="attachment">
+                <!--END OF FILE UPLOAD-->
             </div>
+        <!--THIS IS THE SUBMIT BUTTON-->
         <a class="btn btn-submit btn-success">Submit</a>           
+        <!--END SUBMIT BUTTON-->
 </div>
- 
+
 <script>
     $(document).ready(function() {
         var spForm = SpForms('#form1');
         spForm.run();
     });
-</script>
+</script>