Question

有人知道为什么我的表单元素没有出现在div（id = map-canvas）之后的网页中以保存谷歌地图 - 这很奇怪。所以在下面的例子中，它没有显示“Confidence”字段和Submit按钮 - 任何想法??

顺便说一句 - 如果我将div放在表单之外 - everthing渲染确定。

@using (Html.BeginForm("Create", "Foo", FormMethod.Post, new { autocomplete = "off" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)

    <fieldset>
        <legend>FooLegend</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Confidence)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Confidence)
            @Html.ValidationMessageFor(model => model.Confidence)
        </div>

        <div id="map-canvas"/>

         <div class="editor-label">
            @Html.LabelFor(model => model.Notes)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Notes)
            @Html.ValidationMessageFor(model => model.Notes)
        </div>

        <p>
            <input type="submit" value="Create" />
        </p>

    </fieldset>
}

Answer 1

除非您使用的是XHTML，否则<div>不是自我结束标记。在HTML 4和5中，您无法自行关闭<div>。试试这个：

<div id="map-canvas"></div>

参考。 Is it OK to use a self closing DIV tag?

参考。 Are (non-void) self-closing tags valid in HTML5?

谷歌地图Div不允许剩余/跟随HTML呈现？

1 个答案: