<form> 意外 space 使用 Mechanical Turk 的人群 html 元素

Question

我对 Amazon MTurk 的 html 布局有一个奇怪的问题。 AWS使用crowd元素时<form>下出现意外space。

下面是一段演示代码：

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

<crowd-form answer-format="flatten-objects">
    <div>
        <form>
            <p> Some random question</p>
            <input type="radio" name="q-1" value="1"> <label>Choice1</label>
            <br>
            <input type="radio" name="q-1" value="2"> <label>Choice2</label>
            <br>
            <input type="radio" name="q-1" value="3"> <label>Choice3</label>
        </form>
     </div>      
<p> Some random text to test the space after `form` </p>
</crowd-form>

会产生一个包含大量 space 的多项选择题（第二张图片紧接在第一张图片之后——但我必须截取两个单独的图片，因为 space 是太长）。

然而，当注释掉人群html行时，一切似乎都很好：

<!--<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>-->

<crowd-form answer-format="flatten-objects">
    <div>
        <form>
            <p> Some random question</p>
            <input type="radio" name="q-1" value="1"> <label>Choice1</label>
            <br>
            <input type="radio" name="q-1" value="2"> <label>Choice2</label>
            <br>
            <input type="radio" name="q-1" value="3"> <label>Choice3</label>
        </form>
     </div>      
<p> Some random text to test the space after `form` </p>
</crowd-form>

产生以下结果：

有谁知道为什么会这样，如果我仍然想使用人群表单，我该如何解决？谢谢！

Answer 1

您应该省略 <form> 元素。

<crowd-form> 为您处理所有表单提交。

您需要包含（而不是注释掉）Crowd HTML Elements 脚本导入：

<script src="https://assets.crowd.aws/crowd-html-elements.js"></script>

希望对您有所帮助。

如果您还有其他问题，请告诉我。

谢谢，

亚马逊土耳其机器人

<form> 意外 space 使用 Mechanical Turk 的人群 html 元素

Unexpected space under <form> using Mechanical Turk's crowd html elements

html

javascript

mechanicalturk

amazon-web-services