如何在同一行中显示标签和htmltextbox用于mvc和按钮的html辅助控件

Question

我想使用日历控件和“提交”按钮在单一行中显示日期和日期，但是标签和文本框却显示在不同行中。

预期操作-

从日期：______________到日期：_____________布顿

获取操作

代码

        <div class="form-group">
            <div class="row">
                <div class="col-sm-4">
                    <h5>From date: @Html.TextBoxFor(model => model.From_Date, new { @class = "form-control input-sm", id = "datepicker_from_date", style = "width:100px;" })</h5>
                </div>
                <div class="col-sm-4">
                    <h5>To date: @Html.TextBoxFor(model => model.To_Date, new { @class = "form-control input-sm", id = "datepicker_to_date", style = "width:100px;" })</h5>

                </div>
                <div class="col-sm-4">
                    <input type="submit" class="btn btn-success" value="Create" onclick="location.href='@Url.Action("Index", "Calender")'" />
                </div>

            </div>
        </div>

Answer 1

您可以使用bootstrap 4 documentation

中的内联表单

// GENERATED CODE - DO NOT MODIFY BY HAND

part of 'entrada.dart';

// **************************************************************************
// JsonSerializableGenerator
// **************************************************************************

Entrada _$EntradaFromJson(Map<String, dynamic> json) {
  return Entrada(
      json['numEntradas'] as int,
      (json['nombres'] as List)?.map((e) => e as String)?.toList(),
      (json['tokens'] as List)?.map((e) => e as int)?.toList(),
      json['evento'] == null
          ? null
          : Evento.fromJson(json['evento'] as Map<String, dynamic>));
}

Map<String, dynamic> _$EntradaToJson(Entrada instance) => <String, dynamic>{
      'numEntradas': instance.numEntradas,
      'tokens': instance.tokens,
      'nombres': instance.nombres,
      'evento': instance.evento
    };