Html 引导表单检查内联不工作_Html_Css_Bootstrap 4

Html 引导表单检查内联不工作

html css bootstrap-4

Html 引导表单检查内联不工作,html,css,bootstrap-4,Html,Css,Bootstrap 4,我尝试内联使用表单检查，但没有成功，它通过将一个复选框置于另一个复选框下来呈现html：这是我的html代码： <h1>Crear Paciente</h1> <hr /> <form>  <div class="form-group"> <label>Nombres y Apellidos</label>

我尝试内联使用表单检查，但没有成功，它通过将一个复选框置于另一个复选框下来呈现html：

这是我的html代码：

<h1>Crear Paciente</h1>
<hr />

<form>
    <!-- #region General Data -->
    <div class="form-group">
        <label>Nombres y Apellidos</label>
        <input type="text" class="form-control" id="namesAndSurnames" placeholder="Nombres y Apellidos">
    </div>
    <div class="form-group">
        <label>Fecha de Nacimiento</label>
        <input type="date" class="form-control" id="birthDate">
    </div>
    <div class="form-group">
        <label>CI</label>
        <input type="number" class="form-control" id="ci" placeholder="Cédula de Identidad">
    </div>
    <div class="form-group">
        <label>Dirección</label>
        <input type="text" class="form-control" id="address" placeholder="Dirección">
    </div>
    <div class="form-group">
        <label>Email</label>
        <input type="email" class="form-control" id="email" placeholder="Email">
    </div>
    <div class="form-group">
        <label>Teléfono</label>
        <input type="tel" class="form-control" id="phone" placeholder="Teléfono">
    </div>
    <div class="form-group">
        <label>Sociedad Médica</label>
        <input type="text" class="form-control" id="medicSociety" placeholder="Sociedad Médica">
    </div>
    <div class="form-group">
        <label>Emergencia Móvil</label>
        <input type="text" class="form-control" id="mobileEmergency" placeholder="Emergencia Móvil">
    </div>
    <div class="form-group">
        <label>Ocupación</label>
        <input type="text" class="form-control" id="occupation" placeholder="Ocupación">
    </div>
    <div class="form-group">
        <label>Observaciones</label>
        <input type="text" class="form-control" id="observations" placeholder="Observaciones">
    </div>
    <!--#endregion -->
    <!-- #region Sicknesses -->
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="diabetes" value="diabetes">
        <label class="form-check-label">Diabetes</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="heartProblems" value="heartProblems">
        <label class="form-check-label">Problemas Cardíacos</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="hypertension" value="hypertension">
        <label class="form-check-label">Hipertensión</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="metallicProsthesis" value="metallicProsthesis">
        <label class="form-check-label">Prótesis Metálicas</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="pacemaker" value="pacemaker">
        <label class="form-check-label">Marcapasos</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="pregnancies" value="pregnancies">
        <label class="form-check-label">Embarazos</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="surgeries" value="surgeries">
        <label class="form-check-label">Cirugías</label>
    </div>
    <div class="form-check form-check-inline">
        <input type="checkbox" class="form-check-input" id="allergies" value="allergies">
        <label class="form-check-label">Alergias</label>
    </div>
    <div class="form-group">
        <label>Descripción de Alergias</label>
        <input type="text" class="form-control" id="allergiesDescription" placeholder="Describir las Alergias del Paciente">
    </div>
    <!--#endregion -->
    <button type="submit" class="btn btn-primary pull-right">Guardar</button>
</form>

Crear Paciente

诺姆布雷斯和阿佩利多斯
纳西门托酒店
词
迪雷西翁
电子邮件
特莱福诺酒店
梅迪卡学会
莫维尔紧急事件
奥帕西翁
观察者
糖尿病
卡迪亚科斯问题
希佩滕森
普罗泰西斯·梅塔利卡斯
马卡帕索斯
安巴萨斯
西鲁加斯
阿勒吉亚斯
描述阿勒吉亚斯
瓜达尔

我也在使用电子，尽管我怀疑它与此有关（它不应该）。所有以前的html代码都是用呈现的，尽管它不应该影响任何一个。。。这是正文html：

<body>
    <div class="container">
        <div id="includerDiv" w3-include-html="mainWindow.html"></div>
        <script>w3.includeHTML();</script>

        <hr />
        <footer>
            <p>
                &copy;
                <script>document.write(new Date().getFullYear())</script> - Beaspa - Versión 1.0
            </p>
        </footer>
    </div>
</body>


w3.includeHTML（）；


&抄袭；
document.write（new Date（）.getFullYear（））-Beaspa-version 1.0

将

表单检查表单检查内联

替换为

复选框内联

，它将像内联一样工作：

 <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="diabetes" value="diabetes">
            <label class="form-check-label">Diabetes</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="heartProblems" value="heartProblems">
            <label class="form-check-label">Problemas Cardíacos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="hypertension" value="hypertension">
            <label class="form-check-label">Hipertensión</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="metallicProsthesis" value="metallicProsthesis">
            <label class="form-check-label">Prótesis Metálicas</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="pacemaker" value="pacemaker">
            <label class="form-check-label">Marcapasos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="pregnancies" value="pregnancies">
            <label class="form-check-label">Embarazos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="surgeries" value="surgeries">
            <label class="form-check-label">Cirugías</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="allergies" value="allergies">
            <label class="form-check-label">Alergias</label>
        </div>


糖尿病
卡迪亚科斯问题
希佩滕森
普罗泰西斯·梅塔利卡斯
马卡帕索斯
安巴萨斯
西鲁加斯
阿勒吉亚斯

将

表单检查表单检查内联

替换为

复选框内联

，它将像内联一样工作：

 <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="diabetes" value="diabetes">
            <label class="form-check-label">Diabetes</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="heartProblems" value="heartProblems">
            <label class="form-check-label">Problemas Cardíacos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="hypertension" value="hypertension">
            <label class="form-check-label">Hipertensión</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="metallicProsthesis" value="metallicProsthesis">
            <label class="form-check-label">Prótesis Metálicas</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="pacemaker" value="pacemaker">
            <label class="form-check-label">Marcapasos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="pregnancies" value="pregnancies">
            <label class="form-check-label">Embarazos</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="surgeries" value="surgeries">
            <label class="form-check-label">Cirugías</label>
        </div>
        <div class="checkbox-inline">
            <input type="checkbox" class="form-check-input" id="allergies" value="allergies">
            <label class="form-check-label">Alergias</label>
        </div>


糖尿病
卡迪亚科斯问题
希佩滕森
普罗泰西斯·梅塔利卡斯
马卡帕索斯
安巴萨斯
西鲁加斯
阿勒吉亚斯

这可能是w3包含html的问题。您的引导标记很好：尝试在浏览器中检查输出html。您可以尝试不使用“w3包含html”吗？我查看了你的代码，没有发现任何线索。在chrome上尝试，它呈现了相同的页面。我还复制并粘贴了主html中的表单，以删除w3包含html，但它也呈现了相同的内容。这可能是w3包含html的问题。您的引导标记很好：尝试在浏览器中检查输出html。您可以尝试不使用“w3包含html”吗？我查看了你的代码，没有发现任何线索。在chrome上尝试，它呈现了相同的页面。我还复制并粘贴了主html中的表单，以删除w3包含html，但它也呈现了相同的内容。