如何在弹出切换中显示窗体

How to display a form in popover toggle?

本文关键字：显示 窗体      更新时间：2023-09-26

我正在尝试使用popover切换来显示登录表单。

<li>
   <a href="#" rel="popup" tabindex="0" data-toggle="popover" title="SIGN IN" data-placement="bottom"  data-content='<form>
                                 <input type="text">
                              </form>
    '>Sign in</a>
</li>

但无法正常工作。我怎样才能做到这一点？

Doc:引导模式

<script type="text/javascript" src="js/modal.js"></script>
<a href="#" data-toggle="modal" data-target="#signin">
<div id="signin" class="modal hide fade" style="display: none; ">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>Sign In</h3>
    </div>
    <div class="modal-body">
        <form action="signin.html" method="post">
            ...
        </form>
    </div>
</div>

使用javascript API的内容选项，而不是数据内容：

$('#popover').popover({
    title: "Popover title",
    content: function () {
        return "<form><input type='text'></form>";
    },
    html: true
});

阅读更多关于用法、工作示例的信息。

相关文章：