Append html form element

<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
        <script>
            $(document).ready(function () {
                $(".add_exp1").click(function(){
                    $(".exp").append('<br><label for="exp">Another Work Experience<br><br>Company Name:    </label>' +
                        '<input type="input" style="width: 60%;" class="form-control" id="company_name" placeholder="Company Name">'+
                        '<br>'+
                        '<label for="exp"><br><br>Position:    </label>'+
                        '<input type="input" class="form-control" id="position" placeholder="Position">'+
                        '<label for="bday">               Duration:'+
                        '   </label>'+
                        '<input id="date-picker-2" type="date" class="date-picker form-control" placeholder="Date Started"/>'+
                        '<input id="date-picker-3" type="date" class="date-picker form-control" placeholder="Date Ended"/> <input type="checkbox"'+
                        'id="present" value="present"> Present'+
                        '<br><br><br>');      

                });

            })


        </script>

Source: stackoverflow.com

Similar codes

2 votes103 views1 answer
Regular expression to look for html tags
Html
68 votes105 views4 answers
Jquery link html
Html
1 vote119 views1 answer
Visualizador de pdf html5
Html
0 vote115 views1 answer
Elseif vuejs
Html
1 vote104 views1 answer
How can we open file manager by html
Html
24 votes142 views5 answers
Html background color
Html
61 votes117 views3 answers
How to use js in html
Html
3 votes107 views4 answers
When i click on one checkbox check all checkboxes
Html
255 votes189 views8 answers
Bootstrap 4 cdn
Html
1 vote102 views1 answer
How to set a link to a file that is not in the same folder html
Html