Bootstrap 5 内联表单

<form method="get" class="row row-cols-sm-auto mb-2 gx-2 align-items-center">
<div class="col-12">
<label asp-for="@Model.SearchString" class="col-form-label">片名:</label> <!-- .col-form-label 使字段标题与控件在垂直方向上居中对齐。-->
</div>
<div class="col-12">
<input type="text" asp-for="@Model.SearchString" class="form-control" placeholder="请输入片名"/>
</div>
<div class="col-12">
<label for="@Model.MovieGenre" class="form-control-plaintext">类型:</label>
</div>
<div class="col-12">
<select asp-for="@Model.MovieGenre" asp-items="@Model.Genres" class="form-select">
<option value="">全部类型</option>
</select>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary">
<span class="bi-search">
查找
</span>
</button>
</div>
</form>