我写了以下表格:

<form class="form-margin cart-container">
    <div style="flex-direction: column">
        <app-cart-item class="cart-item" *ngFor="let pr of productRecordList" [productRecord]="pr"></app-cart-item>
    </div>

    <div class="cart-item-details">
        <textarea name="fullname" id="fullname" cols="35" rows="2" placeholder="(minimum 3 characters)">Full name</textarea>
        <textarea name="address" id="address" cols="35" rows="2" placeholder="(minimum 6 characters)">Address</textarea>
        <textarea name="creditcard" id="creditcard" cols="35" rows="2" placeholder="(16-digits number)">
Credit card number</textarea
        >
        <input type="submit" class="btn btn-primary" name="Submit" />
    </div>
</form>

可以提供类似代码的内部a吗？还是需要确保它是如下所示的直接父级？

<form class="form-margin cart-container">
    <div style="flex-direction: column">
        <app-cart-item class="cart-item" *ngFor="let pr of productRecordList" [productRecord]="pr"></app-cart-item>
    </div>

    <div class="cart-item-details">
        <textarea name="fullname" id="fullname" cols="35" rows="2" placeholder="(minimum 3 characters)">Full name</textarea>
        <textarea name="address" id="address" cols="35" rows="2" placeholder="(minimum 6 characters)">Address</textarea>
        <textarea name="creditcard" id="creditcard" cols="35" rows="2" placeholder="(16-digits number)">
Credit card number</textarea
        >
        <input type="submit" class="btn btn-primary" name="Submit" />
    </div>
</form>

顺晟科技：

用div构造表单是完全有效的，而且一点也不坏。虽然我不会因为嵌套而发疯，但您的表单对我来说似乎完全没有问题。

这样使用是很好的，但是从可读性的角度来看，最好放在父表单下，并用“class”或“id”引用该字段。