Как сделать так, чтобы текстовый элемент управления вашей формы соответствовал нужному размеру? - PullRequest
Новая
       12

Как сделать так, чтобы текстовый элемент управления вашей формы соответствовал нужному размеру?

0 голосов
/ 16 марта 2020

У меня есть вид, и я создаю форму, но вводимый текст слишком велик, и мне нужен обычный вводимый текст, когда пользователь использует свое поле заголовка в форме. Ниже моя логика c, но она подходит для всего макета и выглядит не очень хорошо, и я использую класс bootstrap. Помогите, чтобы в моем вводимом тексте был нормальный класс, позволяющий пользователю вставлять обычный вводимый текст. 

   <div class="register-box">
               <div class="register-logo">

               </div>
           </div>
           <div class="card">
               <div class="card-body register-card-body">
                   <center>
                       <img src="~/Images/eNtsa.png" />
                   </center>
                   <center>
                       <p><b>Training Course Registration:Motion MasterClass</b></p>
                   </center>

                   @using (Html.BeginForm("editRegForm", "Home", FormMethod.Post, new { @role = "form" }))
                   {
                       @Html.AntiForgeryToken()
                       <div class="input-group-mb-2">
                           @Html.TextBoxFor(m=>m.Title, new {@class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required"})
                               <div class="input-group-text">

                               </div>

                       </div>
                   }

               </div>
           </div>

1 Ответ

0 голосов
/ 16 марта 2020

Моя работа вокруг этого приведена ниже, в основном я хотел найти способ, где моя форма будет в центре, включая ввод текста моей формы. 

@using eNtsaRegistrationTraining.Models
@model EditTrainingRegFormViewModel

@{
    ViewBag.Ttile = "Dashboard";
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
}
<center>
    <div class="register-box ">
        <div class="register-logo">

        </div>

        <div class="card">
            <div class="card-body register-card-body">
                <center>
                    <img src="~/Images/eNtsa.png" />
                </center>
                <center>
                    <p><b>Training Course Registration:Motion MasterClass</b></p>
                </center>

                @using (Html.BeginForm("editRegForm", "Home", FormMethod.Post, new { @role = "form" }))
                {
                    @Html.AntiForgeryToken()

                    <div class="input-group mb-3">
                        @Html.TextBoxFor(m => m.Title, new { @class = "form-control", type = "text", id = "title", autofocus = "autofocus", placeholder = "Title", required = "required" })
                        <div class="input-group-append">
                            <div class="input-group-text">

                            </div>
                        </div>

                    </div>
                }

            </div>
        </div>
</center>
           </div>
...