html form inside bootstrap popover not working

Question

I\'m trying to use a form inside a bootstrap popover. Some basic html works (text styling, buttons), but the form does not. (neither do onclick() javascript actions)

Answer 1

You can use content callback. In any case you need to insert your html into an hidden element, not into the button:

$('[data-toggle="popover"]').popover({
    html: true,
    content: function () {
        var content = $(this).attr("data-popover-content");
        return $(content).find(".popover-body").clone();
    }
})

popover with html form



    

        
This works

        

            This does not:

            

            Last name: