html - HTML 5 提交按钮无法正常工作

Question

我的任务是“在表单中，添加一个包含提交按钮的段落，文本继续。” 从视觉上看，该按钮看起来不错，但分配检查并没有确认它。这是我的代码。

<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>CGIP Registration Form</title>
<link href="css/cg_base.css" rel="stylesheet" />
<link href="css/cg_styles.css" rel="stylesheet" />
<link rel="stylesheet" href="css/cg_forms.css">
<link rel="stylesheet" href="css/cg_validate.css">
<script src="js/cg_script.js" charset="utf-8"></script>

• 主页
• 主题演讲
• 扬声器
全体会议
• 摘要
• 程式
• 研讨会
委员会
• 执行会议
• 顾问委员会
旅行信息
• 宿舍
• 宴会
• 家庭景点
注册 ACGIP 主页
• 游览圣菲
• 链接

会议登记表

必填项目 (*)

        <!-- 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="fnBox">First Name*</label>
        <input type="text" name="firstName" id="fnBox" required>

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

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

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

        <!-- E-mail -->
        <label for="mailBox">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="idBox">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>

<aside>
    <dl>
        <dt>ACGIP Member ($695)</dt>
        <dd>Eligible to attend all sessions and banquet</dd>
        <dt>Non-Member ($795)</dt>
        <dd>Eligible to attend all sessions and banquet</dd>
        <dt>Student ($310)</dt>
        <dd>Eligible to attend all sessions. <a href="#">Proof</a> of student status required</dd>
        <dt>Poster ($95)</dt>
        <dd>Eligible to attend display hall and vendor stations</dd>
        <dt>Guest ($35)</dt>
        <dd>Eligible to attend banquet only</dd>
    </dl>
</aside>

<footer>
    Association of Computer Graphics and Image Processing
</footer>

标签： html

Answer 1

i think it meant this way bud.

<form>
  <p> this is a paragraph </p>
  <button type='submit'>Continue</button>
</form>