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

23 votes148 views3 answers
Semantic ui cdn
Html
10 votes154 views1 answer
Html entity and
Html
1 vote171 views2 answers
How to move navlink to the right in bootstrap
Html
1 vote157 views1 answer
Html5 astrix for absolutely required field inside a td tag
Html
3 votes163 views1 answer
Horizontal line html react
Html
2 votes148 views1 answer
Css title and label aligned alongside image
Html
0 vote156 views1 answer
Strictmode causes double render
Html
0 vote172 views3 answers
UnexpectedValueException The stream or file "/var/www/html/storage/logs/laravel.log" could not be opened in append mode: failed to open stream: Permission denied
Html
0 vote155 views1 answer
How to put two forms in a single line in html
Html
0 vote145 views1 answer
Onclick open new page html
Html