我正在尝试在Popover 中包含一个表单,该表单是使用 Bootstrap 4.3、Popper.js 和 jQuery 3 创建的。每个表单的最新版本。问题在于它适用于文本,也适用于标签,但是一旦我使用表单、标签和输入,它就不会解析 HTML。
我在 CodePen 中有两个例子:
示例 1 代码
HTML:
<div class="container">
<div class="row">
<div class="col-12 mt-5">
<h1>Bootstrap 4 form in popover</h1>
<hr>
</div>
</div>
<div class="row">
<div class="col-12">
<h2 class="mt-3">
<span
class="editable"
data-toggle="popover"
data-container="body"
data-title="Edit"
data-content="<form>
<div class='form-group'>
<label for='exampleInputEmail1'>Email address</label>
<input type='email' class='form-control' id='exampleInputEmail1' aria-describedby='emailHelp' placeholder='Enter email'>
<small id='emailHelp' class='form-text text-muted'>We'll never share your email with anyone else.</small>
</div>
<div class='form-group'>
<label for='exampleInputPassword1'>Password</label>
<input …Run Code Online (Sandbox Code Playgroud)