代码之家  ›  专栏  ›  技术社区  ›  REDDY PRASAD Mortana

在amp lightbox内创建amp表单

  •  1
  • REDDY PRASAD Mortana  · 技术社区  · 7 年前

    我正试图在lightbox modal中提交一份表格。但弹出窗口显示空内容。我的代码如下:

    <amp-lightbox id="success-lightbox" layout="nodisplay">
        <amp-list src="http://localhost:4000" width="auto" height="200" layout="fixed-height" items="." single-item>
            <template type="amp-mustache">
                <div class="lightbox-modal">
                    <form action="/" method="get" target="_top">
                        {{#items}}
                        <input type="checkbox" value={{id}} /> {{/items}}
                        <input type="submit" value="submit" />
                    </form>
                </div>
            </template>
        </amp-list>
    </amp-lightbox>
    <input class="" type="submit" value="show more" on="tap:success-lightbox" />
    

    我包括了所需的所有依赖项 amp-form , amp-lightbox , amp-list , amp-mustache . 如果我 去除 表单标签、复选框显示良好。

    工作代码:

    <amp-lightbox id="success-lightbox" layout="nodisplay">
        <amp-list src="http://localhost:4000" width="auto" height="200" layout="fixed-height" items="." single-item>
            <template type="amp-mustache">
                <div class="lightbox-modal">
                    {{#items}}
                    <input type="checkbox" value={{id}} /> {{/items}}
                    <input type="submit" value="submit" />
                </div>
            </template>
        </amp-list>
    </amp-lightbox>
    <input class="" type="submit" value="show more" on="tap:success-lightbox" />
    

    我查阅了文件。但什么也没找到。是否无法将窗体嵌套在amp灯箱内??如果不可能,是否有从lightbox提交数据的解决方法??

    1 回复  |  直到 7 年前
        1
  •  2
  •   Sebastian Benz    7 年前

    amp mustache不支持表单元素。在您的情况下,一个简单的解决方法是将表单标记移到amp list元素之外。