第二个选择日期未出现在选项列表中

Second select date not appearing in list of choices

提问人:martine 提问时间:10/31/2023 更新时间:10/31/2023 访问量:60

问:

我有这个模板:https://colorlib.com/wp/template/colorlib-wizard-15/ 我需要添加其他 div 包含日期第二个,但是当我复制 div 时,第二个 div 没有显示日期、日期和月份,所以我不知道为什么? 在下面的脚本中:

<div class="form-date">
    <label for="birth_date" class="form-label">Date d'entrée</label>
    <div class="form-date-group">
        <div class="form-date-item">
            <select id="birth_month" name="birth_month"></select>
            <span class="text-input">MM</span>
        </div>
        <div class="form-date-item">
            <select id="birth_date" name="birth_date"></select>
            <span class="text-input">DD</span>
        </div>
        <div class="form-date-item">
            <select id="birth_year" name="birth_year"></select>
            <span class="text-input">YYYY</span>
        </div>
    </div>
</div>

我在第二个日期添加其他div

<div class="form-date">
    <label for="birth_date" class="form-label">Date de sortie</label>
    <div class="form-date-group">
        <div class="form-date-item">
            <select id="birth_month" name="birth_month"></select>
            <span class="text-input">MM</span>
        </div>
        <div class="form-date-item">
            <select id="birth_date" name="birth_date"></select>
            <span class="text-input">DD</span>
        </div>
        <div class="form-date-item">
            <select id="birth_year" name="birth_year"></select>
            <span class="text-input">YYYY</span>
        </div>
    </div>
</div>

我认为是css,但我不知道我必须在css中为这个模板更改什么

提前致谢

HTML CSS 引导程序-4

评论

1赞 Professor Abronsius 10/31/2023
ID 属性必须是唯一的。如果您多次添加与上面所示相同的内容,则违反了该唯一性规则。
0赞 Exter 10/31/2023
无论如何,只需将此 HTML 添加到您提到的模板中就可以了。如果您谈论的是未显示的“日期,月份和年份” - 那是因为您没有像原始模板那样添加任何“选项”。<option value="01">JAN</option>

答:

0赞 errorau 10/31/2023 #1

enter image description here

如果你没有看到它,我能看到的第一个原因是@Professor阿布朗修斯 如评论中所述,它可能与 id 有关,除此之外,如果您多路复用表单数据 div,您将能够看到输出。

评论

0赞 martine 11/1/2023
我在 ID 中添加了birth_date_s但没有在 CSS 中显示我认为的日期,但我不知道我可以在模板上更改哪种样式 colorlib.com/wp/template/colorlib-wizard-15
0赞 errorau 11/1/2023
您不需要添加额外的 CSS,只需要在 Exist Birthday 区域下粘贴相同的行@martine
0赞 martine 11/2/2023
我在 style.css 中粘贴哪一行,因为我找不到生日区域?
0赞 errorau 11/2/2023
您可以复制“form-date”div 并将其粘贴到“form-date”中,您可以在“我的答案”图像中看到
0赞 martine 11/2/2023
CSS 我已经复制了日期表单,但没有显示数据日期....