Проблемы с проектом конференции ACGIP: формы сценариев и элементов

Question

Хорошо. Мне сообщили, что нужно публиковать по одной проблеме за раз, поэтому я буду делать это. Первая проблема - это элементы скрипта и формы. Вот что говорит проблема:

Добавьте элемент скрипта в заголовок документа, который загружает файл cg_script. js.

Прокрутите вниз до элемент section и вставьте элемент веб-формы, который использует действие в http://www.example.com/cg/register с помощью метода post.

Добавьте метки и поля ввода, показанные ранее на рисунке. в шаге Введение и описано на рисунке ниже. Поместите поля ввода непосредственно после меток и свяжите каждую метку с ее элементом управления. Вам не нужно заключать метку и элементы ввода в элементы div.

Проблема в том, что программа не скажет мне, что не так с тем, что я сделал, поэтому мне нужна помощь, чтобы помочь понять где go отсюда.

Код ниже подробно описывает, что я уже сделал для этого. Я действительно понятия не имею, что программа хочет от меня на данный момент. Любые предложения будут наиболее признательны.

<section>
    <h1>Conference Registration Form</h1>
    <p>Required Item (*)</p>
    <form action="http://www.example/cg/register" method="post">

        <!-- title -->
        <div>
            <label for="title">Title</label>
            <input type="text" name="title" id="titleBox" list="titleList">
            <datalist id="titleList">
        <option value="Mr."></option>
        <option value="Mrs."></option>
        <option value="Ms."></option>
        <option value="Prof."></option>
        <option value="Dr."></option>
        <option value="Assist. Prof."></option>
        <option value="Assoc. Prof."></option>
      </datalist>
        </div>

        <!-- firstName -->
        <label for="firstName">First Name*</label>
        <input type="text" name="firstName" id="fnBox" required>

        <!-- LastName -->
        <label for="lastName">Last Name*</label>
        <input type="text" name="lastName" id="lnBox" required>

        <!-- address -->
        <label for="address">Address*</label>
        <textarea name="address" id="addBox"></textarea>

        <!-- Company or University -->
        <label for="group">Company or University</label>
        <input type="text" name="group" id="groupBox">

        <!-- E-mail -->
        <label for="email">E-mail*</label>
        <input type="email" name="email" id="mailBox" required>

        <!-- Phone Number -->
        <label for="phoneNumber">Phone Number*</label>
    <input type="tel" name="phoneNumber" id="phoneNumber" required pattern="^\d{10}$|^(\(\d{3}\)\s*?\d{3}[\s-]?\d{4}$" placeholder="(nnn) nnn-nnnn">

        <!-- ACGIP Membership -->
        <label for="acgipID">ACGIP Membership Number</label>
        <input type="text" name="acgipID" id="idBox" placeholder="acgip-nnnnnn" pattern="^acgip\-\d{6}$">

        <!-- Registration Category -->
        <label for="regList">Registration Category</label>
        <select id="regList" name="">
      <option value="member">ACGIP Member ($695)</option>
      <option value="nonmember">ACGIP Non-Member ($795)</option>
      <option value="student">ACGIP Student ($310)</option>
      <option value="poster">ACGIP Poster ($95)</option>
      <option value="guest">ACGIP Guest ($35)</option>
    </select>

        <!-- Button -->
        <p><input type="submit" name="continue" value="Continue"></p>

    </form>

</section>

Answer 1

исправить строку кода телефонного номера, заменить ее на

 <!-- Phone Number -->
<label for="phoneNumber">Phone Number*</label>
<input type="text" name="phoneNumber" id="phoneBox" placeholder="(nnn) nnn-nnnn" pattern="^\d{10}$|^(\(\d{3}\)\s*)?\d{3}[\s-]?\d{4}$"required/>