在 Blogger 中，元素类型“input”必须以匹配的结束标签“</input>”终止

Question

我无法使用此代码：

<input id="drop" type="checkbox">

如果我喜欢<input id="drop" type="checkbox"></input> 或<input>id="drop" type="checkbox"</input>，我还是不能。如何在Blogger 使用此下拉菜单？

<div class="drop-down-menu">
    <nav>
        <label class="toggle" for="drop">Menu <span>&#9776;</span></label>
        <input id="drop" type="checkbox">

        <ul class="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
            <li>
                <label for="drop-1" class="toggle">Category <span>&#9776;</span></label>
                <a href="#">Category</a>
                <input type="checkbox" id="drop-1"/>
                <ul>
                    <li><a href="#">Drop Down 1</a></li>
                    <li><a href="#">Drop Down 2</a></li>
                    <li><a href="#">Drop Down 3</a></li>
                </ul>
            </li>
            <li><a href="#">Other</a></li>
        </ul>
    </nav>
</div>

您可以在此处查看完整的下拉菜单：https://codepen.io/cadangan37/pen/mWJzoq

Answer 1

试试<input id="foo" type="checkbox" />。

编辑：刚刚看到 j08961 在我之前的 cmets 中写了同样的内容，抱歉。

Answer 2

它错过了<input id="drop" type="checkbox"/>。