Javascript 并排显示两个输入

可以并排写入两个输入吗？我使用的是matInput形式的Angular，我无法将第二个输入带到第一个输入旁边

我想展示的是：同一行中的input1，input2。这是我的密码

布阿兰·博格·埃梅兹日化。 布阿兰·博格·埃梅兹日化。 吉特 尝试将两个按钮的td包装成一个tr

堆栈片段

布阿兰·博格·埃梅兹日化。 布阿兰·博格·埃梅兹日化。 吉特 尝试将两个按钮的td包装成一个tr

堆栈片段

布阿兰·博格·埃梅兹日化。 布阿兰·博格·埃梅兹日化。 吉特 试试这个

<div *ngIf="data.mod=='goLocation'" class="panel-body">
        <form #f="ngForm" (ngSubmit)="go(f.value); f.reset();" class="settings-form">
            <table>
                <tr>
                    <td>
                        <mat-form-field>
                            <input matInput placeholder="Longitude(X)" name="lon" id="lon"
                                   #lon="ngModel" ngModel required>
                            <mat-error *ngIf="lon.touched && lon.invalid">
                                <div *ngIf="lon.errors.required">Bu alanı boş geçemezsiniz.</div>
                            </mat-error>
                        </mat-form-field>
                    </td>
                     <td>
                        <mat-form-field>
                            <input matInput placeholder="Latitude(Y)" name="lat" id="lat"
                                   #lat="ngModel" ngModel required>
                            <mat-error *ngIf="lat.touched && lat.invalid">
                                <div *ngIf="lat.errors.required">Bu alanı boş geçemezsiniz.</div>
                            </mat-error>
                        </mat-form-field>
                    </td>
                </tr>

            </table>
            <button [disabled]="!f.valid" class="btn btn-outline-primary">Git</button>
        </form>
    </div>

试试这个

<div *ngIf="data.mod=='goLocation'" class="panel-body">
        <form #f="ngForm" (ngSubmit)="go(f.value); f.reset();" class="settings-form">
            <table>
                <tr>
                    <td>
                        <mat-form-field>
                            <input matInput placeholder="Longitude(X)" name="lon" id="lon"
                                   #lon="ngModel" ngModel required>
                            <mat-error *ngIf="lon.touched && lon.invalid">
                                <div *ngIf="lon.errors.required">Bu alanı boş geçemezsiniz.</div>
                            </mat-error>
                        </mat-form-field>
                    </td>
                     <td>
                        <mat-form-field>
                            <input matInput placeholder="Latitude(Y)" name="lat" id="lat"
                                   #lat="ngModel" ngModel required>
                            <mat-error *ngIf="lat.touched && lat.invalid">
                                <div *ngIf="lat.errors.required">Bu alanı boş geçemezsiniz.</div>
                            </mat-error>
                        </mat-form-field>
                    </td>
                </tr>

            </table>
            <button [disabled]="!f.valid" class="btn btn-outline-primary">Git</button>
        </form>
    </div>

布阿兰·博格·埃梅兹日化。 日分 阿兰·博格·埃梅兹日化。 吉特 布阿兰·博格·埃梅兹日化。 日分 阿兰·博格·埃梅兹日化。 吉特

---

表的问题是，您将两列分别放在两行中，而不是将两列放在一行中，请尝试以下操作：

<table>
 <tr>
  <td>1st column</td>
  <td>2nd column</td>
 </tr>
</table>

---

因此，在这种情况下，第一列将内联到第二列旁边。

表格的问题是，您将两列分别放在两行中，而不是一行中的两列，请尝试如下操作：

<table>
 <tr>
  <td>1st column</td>
  <td>2nd column</td>
 </tr>
</table>

---

所以这个案子,，第一列将在第二列旁边内联。

我尝试在每个列之前使用col-sm-6类引导程序，并将它们放在容器中，但再次无效。我尝试在每个列之前使用col-sm-6类引导程序，并将它们放在容器中，但再次无效。请您将一个标记为您认为正确的引导程序，哪一个是正确的谢谢你，请根据你的感觉把一个标记为正确的，哪一个是正确的谢谢