Неожиданное пространство под <form>с использованием html-элементов Mechanical Turk's толпы

Question

У меня возник странный вопрос о HTML-макете Amazon MTurk. При использовании элементов толпы от AWS есть непредвиденное пространство под <form>.

Вот пример демонстрационного кода:

<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>

, который задает вопрос с несколькими вариантами ответов с кучей пробелов (вторая картинка - сразу после первой - но у меня естьскриншот два отдельных, так как пространство слишком длинное).

Однако , комментируя 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>

Надеюсь, это поможет.

Пожалуйста, дайте мне знать, если у вас есть дополнительные вопросы.

Спасибо,

Amazon Mechanical Turk