HTML-классы не распознаются в бритве?

Question

Итак, я проектирую веб-страницу, которая принимает вводимые пользователем данные, преобразует их в текст письма, а затем отправляет это письмо на мою учетную запись электронной почты.Я следую этому руководству от Microsoft: https://code.msdn.microsoft.com/Send-an-email-using-aspnet-80195a1f

Он использует @using (Html.BeginForm("email", "Home", FormMethod.Post)) для вызова метода ActionResult и имеет html-форму внутри скобок Html.BeginForm.Это имеет достаточно смысла для меня - пока я не запустил свою страницу только для того, чтобы увидеть, что каждый класс в моей форме по какой-то причине полностью игнорируется страницей css.Я скопировал / вставил форму вне скобок Html.BeginForm и та да!Мой CSS снова там.Я прочитал несколько различных уроков / постов о том, что я пытаюсь сделать здесь, и не похоже, чтобы у кого-то еще была эта проблема ... Есть идеи?

Для справки моя html-страницаэто:

    @model CuttingEdgeWebsite2._0.Models.ServiceRequest

@using (Html.BeginForm("Email", "ServiceRequestsController", FormMethod.Post))
{
    <div class="servicesReq">
        <form class="serviceReqForm" action="mailto:carl@cuttingedgelighting.com?Subject=Service%20Request" method="post" enctype="text/plain">
            <div class="col-left">
                <label>
                    <span class="required">* </span><span>Name:</span><br />
                    <input class="input" type="text" name="ServiceRequestName" required />
                </label><br />
                <label>
                    <span class="required">* </span><span>Email:</span><br />
                    <input class="input" type="text" name="ServiceRequestEmail" required />
                </label><br />
                <label>
                    <span>Company:</span><br />
                    <input class="input" type="text" name="ServiceRequestCompany" />
                </label><br />
                <label>
                    <span>Address:</span><br />
                    <input class="input" type="text" name="ServiceRequestAddress" />
                </label><br /><br />
            </div>
            <div class="serviceTypeGrid">
                <span class="required">* </span><span>Please choose what type of servicing you require:</span><br /><br />
            </div>
            <div class="col-left2">
                <label class="serviceType">
                    <input type="radio" name="serviceType" value="Electrical" /> Electrical<br />
                    <input type="radio" name="serviceType" value="Lighting" /> Lighting<br />
                    <input type="radio" name="serviceType" value="Energy" /> Energy<br />
                    <input type="radio" name="serviceType" value="Multiple" /> Multiple<br />
                </label><br /><br />
            </div>
            <div class="col-right">
                <label>
                    <span>City:</span><br />
                    <input class="input" type="text" name="ServiceRequestCity" />
                </label><br />
                <label>
                    <span>State:</span><br />
                    <input class="input" type="text" name="ServiceRequestState" />
                </label><br />
                <label>
                    <span>Zip Code:</span><br />
                    <input class="input" type="text" name="ServiceRequestZip" />
                </label><br />
                <label>
                    <span class="required">* </span><span>Phone Number:</span><br />
                    <input class="input" type="text" name="ServiceRequestNumber" />
                </label><br />
            </div>
            <label class="commentText">
                <span>Comments:</span><br />
                <textarea name="comments"></textarea><br />
            </label>
            <div class="formSubmitButton">
                <input type="submit" value="Submit" /><br />
                <br />
            </div>
        </form>
    </div>
}

Answer 1

Я не могу быть сейчас уверен, но я считаю, что ошибка и то, что вы создаете один внутри другого, команда Html.BeginForm создает форму.

<div class="servicesReq">
@using (Html.BeginForm("Email", "ServiceRequestsController", FormMethod.Post, new { @class = "serviceReqForm" }))
{   <div class="col-left">
    <label>
        <span class="required">* </span><span>Name:</span><br />
        <input class="input" type="text" name="ServiceRequestName" required />
    </label><br />
    <label>
        <span class="required">* </span><span>Email:</span><br />
        <input class="input" type="text" name="ServiceRequestEmail" required />
    </label><br />
    <label>
        <span>Company:</span><br />
        <input class="input" type="text" name="ServiceRequestCompany" />
    </label><br />
    <label>
        <span>Address:</span><br />
        <input class="input" type="text" name="ServiceRequestAddress" />
    </label><br /><br />
</div>
    <div class="serviceTypeGrid">
        <span class="required">* </span><span>Please choose what type of servicing you require:</span><br /><br />
    </div>
    <div class="col-left2">
        <label class="serviceType">
            <input type="radio" name="serviceType" value="Electrical" /> Electrical<br />
            <input type="radio" name="serviceType" value="Lighting" /> Lighting<br />
            <input type="radio" name="serviceType" value="Energy" /> Energy<br />
            <input type="radio" name="serviceType" value="Multiple" /> Multiple<br />
        </label><br /><br />
    </div>
    <div class="col-right">
        <label>
            <span>City:</span><br />
            <input class="input" type="text" name="ServiceRequestCity" />
        </label><br />
        <label>
            <span>State:</span><br />
            <input class="input" type="text" name="ServiceRequestState" />
        </label><br />
        <label>
            <span>Zip Code:</span><br />
            <input class="input" type="text" name="ServiceRequestZip" />
        </label><br />
        <label>
            <span class="required">* </span><span>Phone Number:</span><br />
            <input class="input" type="text" name="ServiceRequestNumber" />
        </label><br />
    </div>
    <label class="commentText">
        <span>Comments:</span><br />
        <textarea name="comments"></textarea><br />
    </label>
    <div class="formSubmitButton">
        <input type="submit" value="Submit" /><br />
        <br />
    </div>
}