小编Kev*_*aqi的帖子

如何使用 Bootstrap 4.3 在 Popover 中包含表单?

我正在尝试在Popover 中包含一个表单,该表单是使用 Bootstrap 4.3、Popper.js 和 jQuery 3 创建的。每个表单的最新版本。问题在于它适用于文本,也适用于标签,但是一旦我使用表单、标签和输入,它就不会解析 HTML。

我在 CodePen 中有两个例子:

  1. 一切都通过数据属性:链接
  2. 通过JS:链接

示例 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)

jquery popover bootstrap-popover bootstrap-4

2
推荐指数
1
解决办法
2364
查看次数

标签 统计

bootstrap-4 ×1

bootstrap-popover ×1

jquery ×1

popover ×1